In this walktrough we will build a frontend using the framework
As in the walkthrough before, please make sure that you have installed the following extensions in your Visual Code environment:
Start your project in a new folder and create a folder named
walkthrough-gui (later on we will
create folders for api and setup).
You can now open the folder
walkthrough-gui in Visual Code, or add this folder to the workspace
created in the walkthrough before. Open a terminal and initialize the project with:
1 2 3 4
Minimum Required Version
Put now the following configuration in
1 2 3 4 5 6 7
From now on all the files from this walkthrough will be created in the
src folder. Therefore the
src will not be used.
Please start now watching your changes with
npm start. This will start a browser and all
modifications in your code will reload the page automatically.
Please note that with this package you will get automatically the following libraries installed. Therefore you do not need to install them again, not even to externalize them. You can use them immediately:
The following libraries are included as well but they will be used by supplied widgets and you should think about using the widgets instead the libraries directly: