开发插件

插件主要特性

• 一键创建、编译 debug & Release 应用
• 模拟器实时预览(支持边修改代码边预览)

• 应用一键更新至本地设备

  1、安装插件

  1.1 从应用商店安装

  在VS Code的插件市场中，搜索miniapp，点击安装即可
  

  2、搭建开发环境

  2.1 配置aiot-vue-cli

• aiot-vue-cli安装教程详见链接

• 若aiot-vue-cli未安装，会在vscode下边栏提示需要激活插件，点击“激活插件”会在浏览器中弹出如何安装aiot-vue-cli的教程。
  
• 重启vscode

3、创建工程

3.1 配置框架工程创建路径(可选)

• Project Path用于配置框架工程的创建路径，配置后用户创建的应用工程，默认会放到Project Path中。若不配置，会将创建的工程放到~/haasui-works路径下
  
  

  3.2 点击创建工程按钮

  点击vscode下边栏的”+”图标开始创建工程
  

  3.3 输入项目名称

  按照实际项目名称命名即可
  

3.4 输入项目路径

工作区路径即为源码路径(注：此目录名称必须为连续的英文字符)

也可点击右上角的“+”号手动选择路径

3.5 完成工程创建

在工程路径输入完毕后，按回车键即可创建工程

4、导入工程

VsCode工具栏->文件->打开文件夹->选择要打开的工程->点击打开即可

5、编译工程

5.1 编译Debug版本

点击Debug版本的编译图标即可

稍等片刻，就能看到编译结果，编译出来的amr包在应用的根路径下

注：amr包可以通过应用升级服务进行在线升级，具体见应用升级服务推送给设备

5.2 编译Release版本

点击Release版本的编译图标即可

稍等片刻，就能看到编译结果，编译出来的amr包在应用的根路径下

注：amr包可以通过应用升级服务进行在线升级，具体见应用升级服务推送给设备

6、启动模拟器预览

详细见链接

7、应用更新至设备

详细见链接

若有收获，就点个赞吧