Summary

• Page properties (1 modified, 0 added, 0 removed)
• Attachments (0 modified, 1 added, 0 removed)
  • squalreline-trial.png

Details

Page properties

Content

...	...	@@ -113,7 +113,6 @@
113	113	* Implementing functionality to navigate the Web UI to a new page when the button is clicked.
114	114	* Uploading the UI to the LTS5 device.
115	115
116		-
117	117	By completing this demo, you will gain foundational knowledge for customizing the LTS5 interface and building more advanced IoT applications.
118	118
119	119
...	...	@@ -120,19 +120,20 @@
120	120	== 2.2  Install Software Running Environment ==
121	121
122	122
123		-The **ESP MCU** supports development using **ESP-IDF**, **Arduino**, or **MicroPython**. For this project, we use **ESP-IDF** for compilation and **Visual Studio Code (VS Code)** as the development environment.
	122	+The **ESP MCU** supports development with **ESP-IDF**, **Arduino**, or **MicroPython**. We use **ESP-IDF** for compilation and **Visual Studio Code (VS Code)** as the development environment for this project.
124	124
125	125
126		-=== 2.2.1 Install VSCode and ESP-IDF extension ===
	125	+=== 2.2.1 Install VS Code and ESP-IDF extension ===
127	127
128	128
129		-Firstly, download and install VSCode for your computer's operating system from the official website: [[Download Visual Studio Code - Mac, Linux, Windows>>url:https://code.visualstudio.com/download]].
	128	+First, download and install **VS Code** for your operating system from the Visual Studio Code website: [[Visual Studio Code - Mac, Linux, Windows>>https://code.visualstudio.com/download]].
130	130
131		-Next, you need to install the ESP-IDF extension within VSCode. The detailed operation steps are illustrated in image 1.
	130	+Next, install the **ESP-IDF** extension within **VS Code**. Detailed steps for this process are shown in Image 1.
132	132
	132	+
133	133	[[image:image-20240928110211-5.png||height="508" width="866"]]
134	134
135		- image 1 ESP-IDF extension install
	135	+ Image 1: ESP-IDF extension install
136	136
137	137	Links for reference: [[Install ESP32 ESP-IDF on Windows and Integrate with VS code (esp32tutorials.com)>>url:https://esp32tutorials.com/install-esp32-esp-idf-windows-integrate-vs-code/#:~~:text=In%20this%20tutorial,%20we%20will%20show%20you%20how%20to%20install]]
138	138
...	...	@@ -140,11 +140,17 @@
140	140	=== 2.2.2 Install SquareLine Studio ===
141	141
142	142
143		-The version we are utilizing for this software is 1.4.2. You can download it from the official link: [[SquareLine Studio - Download the current version of SquareLine Studio>>url:https://squareline.io/downloads#lastRelease]].
	143	+Download and install the latest version of [[SquareLine Studio>>https://squareline.io/downloads#lastRelease]] on your computer. It supports Windows, Linux, and Mac OS. The software version we are using here is 1.4.2.
144	144
145		-Please note that this software necessitates the registration of a license prior to usage, and various licenses come with distinct limitations. For instance, the free version imposes restrictions such as a limit of 1 component, 150 widgets, and 10 screens. However, for first-time downloads, you are granted unrestricted access for a period of 30 days without the need for immediate registration.
	145	+[[image:squareline.io_downloads.png]]
146	146
147	147
	148	+After installation, you can use SquareLine Studio as a trial version for 30 days without activation. Click **CONTINUE WITH TRIAL** to use the trial version, or click **LOG IN** to activate the software with your license key.
	149	+
	150	+[[image:squalreline-trial.png||height="602" width="400"]]
	151	+
	152	+The free version restricts usage to 1 component, 150 widgets, and 10 screens.
	153	+
148	148	== 2.3 Simple usage of SquareLine Studio and export UI code ==
149	149
150	150

squalreline-trial.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.pradeeka

Size

...	...	@@ -1,0 +1,1 @@
	1	+60.4 KB

Content