上位机软件简介及安装

本章节主要简单介绍上位机软件的功能、安装。 # LuatIDE介绍 LuatIDE 是合宙为LuatOS开发提供的集成开发环境,集成了UI设计器、模拟器、单步调试 、智能编辑、多方式下载等功能,可以极大程度的提高软件人员代码编写的效率以及质量,节省大量时间,缩短项目周期。 # AirUI-Designer介绍 合宙AirUI-Designer是基于通用图形库(LVGL V7.11)库之上,作为LuatIDE的一个插件集成在LuatIDE的生态中,通过拖放各种组件完成嵌入式图形应用程序UI开发,UI设计器会自动生成UI应用程序对应的脚本。同时LuatIDE中集成了模拟器,设计好UI应用程序后可直接运行模拟器,通过模拟器模拟查看实际运行效果。AirUI-Designer大大简化了用户嵌入式设备上图形应用程序的设计。 # 软件安装 这里主要介绍安装环境先决条件、VsCode安装步骤、LuatIDE安装、设计器安装步骤。 ## 安装环境 LuatIDE 属于 VsCode 插件,运行于 Windows 系统,使用前需要首先安装 VsCode 代码编辑器 只要可以正常运行 Windows7 或以上系统即可使用 LuatIDE。 ## VsCode安装 1、打开vscode官网:[https://code.visualstudio.com/](https://code.visualstudio.com/) 2、点击那个大大的Download for xxxxxx,下载该软件。 当然,可能有些同学会发现下载速度很慢,怎么办呢?当然是有办法的,我们可以复制当前正在下载的文件下载链接,将域名(https://和下一个/中间的东西)替换成vscode.cdn.azure.cn再下载,速度就快了。 3、打开安装包后,需要注意其中两个选项要勾选(图片是英文的,也一样): - 将”通过Code打开”操作添加到Windows资源管理器文件上下文菜单 - 将”通过Code打开”操作添加到Windows资源管理器目录上下文菜单 -![image.png](https://cos.easydoc.net/36623104/files/l20dzevx.png) 装完打开就好了,你可能会发现软件都是英文,没关系,下一步装个插件就是中文了。 4、安装推荐的拓展 点击左侧的拓展按键,搜索LuatOS-SOC推荐拓展包,认准作者,点击Install安装即可 ![image.png](https://cos.easydoc.net/36623104/files/l20e7osq.png) 装完之后,点击右下角的Change Language and Restart,就变成中文啦 ![image.png](https://cos.easydoc.net/36623104/files/l20e8dhe.png) 5、更改默认的配置 在正常页面,按下快捷键Ctrl+,(逗号),打开设置页面 点击右上角的打开设置(json)图标 ![image.png](https://cos.easydoc.net/36623104/files/l20evdrz.png) 将文件内容替换成下面的数据,保存即可(如果已经有东西了,请自行添加缺少项) { "editor.fontFamily": "Consolas, 'Microsoft Yahei UI Light','Courier New', monospace", "editor.renderLineHighlight": "all", "editor.emptySelectionClipboard": false, "files.autoGuessEncoding": true, "files.insertFinalNewline": true, "files.trimTrailingWhitespace": true, "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs":"active", "luahelper.base.showOnline": false } 6、新建/编辑已有项目 推荐写代码时,每个项目都新建一个文件夹 打开项目时,推荐使用右键,选择通过使用 Code 打开,这样插件才能完美运行 ![image.png](https://cos.easydoc.net/36623104/files/l20ea8ve.png) 特别提醒:如果遇到下面的提示,请按图片描述进行操作,不然安装的拓展不会运行 ![image.png](https://cos.easydoc.net/36623104/files/l20eahev.png) ## LuatIDE安装 LuatIDE可以通过在线安装、本地安装两种方式安装。 ### 在线安装 通过 VsCode 的插件应用市场搜索 LuatIDE,点击安装即可。 ![image20220222151112935.png](https://cos.easydoc.net/22753220/files/l07vqx82.png) ### 本地安装 通过 [LuatIDE下载链接](https://gitee.com/openLuat/luatide/releases) 将插件下载到本地,然后在 VsCode 中选择 __从 VSIX 安装__ 即可。 ![image.png](https://cos.easydoc.net/22753220/files/l07w2e71.png) ## 设计器安装 UI设计器作为LuatIDE的一个插件集成在LuatIDE的生态中,打开LuatIDE,新建工程时选择UI工程填入需要的分辨率,选择模拟器开发。 ![image.png](https://cos.easydoc.net/36623104/files/l20f2hxs.png) 点击活动工程UI设计器按钮,打开UI设计器界面,第一次运行需要下载设计器的数据。点击允许下载即可,大约50MB。 ![image.png](https://cos.easydoc.net/36623104/files/l20f6tcp.png) 下载完后,就能进入UI设计器界面开始UI设计。 ![image.png](https://cos.easydoc.net/36623104/files/l20faxqi.png)