Local Development

Due to the limited control interfaces provided by the platform, we can export the project locally for further development.

Here is an example of importing a project into VS Code:

Prerequisites: 
1. Set up the esp-idf development environment locally 
2. Download the latest version of the 8ms SDK 
3. Have a project on the 8ms platform that compiles successfully

1. Setting Up a Simple Project

With the esp-idf development environment set up locally and the latest version of the 8ms SDK downloaded, use the "/example/get-start" from the latest 8ms SDK.

For more detailed configuration information, refer to "/example/get-start/README". Ensure the compilation and download are successful.

2. Importing the Project from the 8ms Platform UI

Click on the platform's top left corner to compile - download source code. Copy all files from the downloaded source code's zx_ui folder to the get-start/components folder in the SDK, replacing the existing files.

(Alternatively, modify the token in the 'load_ui_code.py' script and run 'load_ui_code.py' using Python to automatically fetch the UI files. [Currently not supported])

Recompile, download, and run the project again.

*The platform does not support the mechanism of modifying files and re-importing them, so try to avoid modifying files under the zx_ui folder during development.

Example

The current example mainly shows the directory structure:

Local Fonts

Since the platform has pre-installed many commonly used fonts, if the required font is not available, you can use the font converter provided by LVGL to convert and import the font into the project.

Here is the link to the LVGL official font converter: https://lvgl.io/tools/fontconverter

Local Image Conversion

If you want to add or replace images locally, you can use the image converter provided by LVGL to convert the images.

Here is the link to the LVGL official image converter: https://lvgl.io/tools/imageconverter

Local Development ​