VSCode 插件

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

  • lighting:脚手架插件(最新版本1.0.x)
  • Light Snippets:代码提示插件

lighting:脚手架插件

安装方法

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

使用方法

【工程创建】插件安装成功后,点击编辑器左侧的light图标,可激活插件进入Light工程管理界面,点击界面上的 图标或者快捷键ctrl+shift+c可创建或打开一个Light工程。

【工程创建】选择新建一个工程,依次根据提示选择小程序工程类型mp-输入工程名字-选择工程存放路径,最后会在选择的路径下创建一个对应工程名字的light小程序工程文件夹。

工程创建成功后,会在左侧LIGHT工程管理列表中新增一条记录,鼠标放到列表上可删除工程,点击 按钮可进入到工程开发界面,即资源管理器。

【编译配置】在小程序工程文件夹下右键,点击编译运行,会出现一个编译运行的命令列表,初次打开只有一条默认配置,直接点击命令即可运行,也可点击 新建一个配置 自定义命令。

【编译配置】点击新建一个配置后进入编译配置界面,可以启用自定义插件、指定资源输出目录、自定义端口号,也可在其他项中直接输入指令自定义配置命令,最后输入配置名称后点击保存按钮即可,保存成功后,下次点击编译运行按钮的时候,命令列表中将新增此条命令。(打包命令配置同理)

【编译运行】在编译配置命令列表中选择一条命令运行,编辑器的右下方会显示编译日志,编译成功后,会自动打开浏览器,在编辑器的下方状态栏会出现一个 一键停止运行所有编译中的项目 按钮,点击可停止运行项目,注意:这里无法单独停止个别项目,只能一键停止所有运行中的项目。

【打包】在打包配置命令列表中选择一条命令运行,在编辑器的右下方会显示打包日志。

【快捷键】插件提供了快捷键功能:ctrl+shift+c (快速创建工程),ctrl+d(快速打开联机调试),其他快捷键功能将持续更新中。