安装开发者工具-VSCode 插件

lighting 推荐 VSCode 作为开发编辑器,并提供了 VSCode 插件,帮助开发者更加快速、高效地开发light工程:

  • lighting:脚手架插件
  • Light Snippets:代码提示插件
  • lightview:桌面端工具插件

安装方法

  1. 安装最新版本的 VSCode 编辑器
  2. 在VSCode的扩展面板中搜索插件名称,点击安装并重新加载面板。

lighting:脚手架插件

将 lighting 脚手架工具的部分命令集成到 VSCode 中,不输入命令也可以进行 light 工程的开发。支持的命令有:

  • light gen
  • light release -wb
  • light release -p

使用方法

在侧边栏资源管理器或编辑器中,右键点击 project.json文件,选择[lighting]相关的命令;

Light Snippets:代码提示插件

vscode:v1.8.0+

Light Snippets 提供了包括 核心框架JSNative框架内置模块light-sdklighting-uilight-chart 的代码提示。无需记忆繁多的api,只要敲几个字母,即可自动生成一大段代码。

使用方法

  • 核心框架

  • JSNative框架内置模块

  • light-sdk

  • lighting-ui

  • light-chart

注:此插件依赖于vue语法,请先安装 vetur 插件,以正常使用此插件。

lightview:桌面端工具插件

vscode:v1.30.0+

在 VSCode 中开发配置了 modules 的 App 工程时,若本地安装了LightViewPC版工具,可以在 VSCode 中直接启动工具,进行App的装配和调试。

工程规范

modules 代表 App 的模块,与离线包规则相似,类型可以为 h5 或 jsnative,存放在 App 工程根目录下的 modules 中,例如:

在 project.json 中配置 modules:

"modules": {
"1111": {
"show_name": "module1"
},
"1111": {
"show_name": "module2"
}
}

使用方法

在侧边栏的资源管理器或编辑器中,右键点击 project.json文件,选择Lightview:打开编辑器

或打开 project.json,在编辑器头部会出现一个蓝色图标,点击图标。