开发
API

字节小程序 VSCode 插件

字节小程序开发插件

主要功能

  • .ttml.ttss 文件语法高亮
  • 标签名与属性自动补全
  • 自定义组件跳转。
  • .ttml 样式补全 .ttss 中的选择器
  • API 代码片段补全
  • 支持 emmet 写法
  • 支持创建 小程序 / 小游戏 项目快速启动模板

示例图

标签属性名字补全

API 代码片段补全

样式补全和跳转

代码格式化

自定义组件的跳转

项目启动模版创建流程

  1. 打开 vscode 命令面板(mac ⇧⌘P、win ctrl+shift+P),输入命令 microapp: Create MiniProgram Project
  2. 选择创建的项目类型 Mini App - 小程序、Mini Game - 小游戏
  3. 输入项目名称,回车键确认后在弹出的文件管理器中选择文件的存放位置

注意事项

  • 小程序 API 代码片段提示会扩展 JavaScript 代码片段内容。如在开发其它项目时不想加载这些提示,可以在插件列表页暂时禁用小程序开发插件
点击纠错
评价此篇文档