上位机软件简介及安装
本章节主要简单介绍上位机软件的功能、安装。
# 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)