快手小程序开发工具

快手小程序·VSCode开发手册

快手小程序·开发者社区

快手小程序平台提供了快手小程序VSCode插件，该插件支持代码智能提示、页面/组件快捷创建、KMA Task自定义等功能。

借助快手小程序VSCode插件，开发者可以使用VSCode开发快手小程序，支持原生KSML、第三方框架（如uni-app）两种开发方式，通过kma命令行和开发面板进行模拟器调试、代码预览及发布。

本插件提供了以下能力

一、智能提示和代码片段能力

1. ksml 文件代码高亮

2. 代码片段

• ksml snippets

  

• ks.api snippets

3. 代码自动补全

• ksml 属性智能补全

• ksml 文件中自定义class样式补全

• 自定义组件补全

  

• ksml 中插值表达式和JS方法补全

• json 文件智能提示

4. Hover 提示

• ksml 标签、属性 hover 提示

• ksml 中插件表达式和方法 hover提示

• js 文件中ks.api hover提示

5. 跳转到定义

• ksml 组件、属性、方法、class 等跳转支持

  • 组件跳转
  • 属性、方法跳转
  • class 跳转，支持 css,less,scss

  

• ks.api 跳转到定义

6. ksml 文件诊断

默认关闭。可以在VSCode设置/工作区设置/扩展/快手小程序插件中打开。

7. 格式化 ksml

该能力借助prettier, prettier的配置项，可以在VSCode设置/工作区设置/扩展/快手小程序插件中配置

二、右键文件夹快速创建快手小程序页面/组件

三、开发面板

开发面板借用开发者工具kma命令行，集成了小程序开发者常用的能力，开发者在运行、调试、发布小程序时，将会用到这些能力。

四、KMA Task

VSCode提供了Task机制，让开发者不需要使用命令行就可以运行脚本。快手小程序VSCode插件，使用VSCode Task Provider向VSCode注入了KMA Task，供开发者使用。