Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>字节小程序开发助手New to Visual Studio Code? Get it now.
字节小程序开发助手

字节小程序开发助手

bytedance-microapp

|
6,323 installs
| (1) | Free
抖音小程序开发助手,ttml 文件代码高亮,标签、属性提示与智能补全;API 补全、代码片段辅助编写;ttml 编辑样式选择器时提示与跳转。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

字节小程序开发助手

官方维护 字节跳动小程序开发助手,ttml 文件代码高亮,标签、属性提示与智能补全;API 补全、代码片段辅助编写;ttml 编辑样式选择器时提示与跳转。

官网开发文档

欢迎加入 官方反馈群(飞书) 提出建议或吐槽。

主要功能

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

示例图

标签属性名字补全

API 代码片段补全

样式补全和跳转

代码格式化

自定义组件的跳转

Page/Component 属性名的提示与跳转

Page/Component 方法名的提示与跳转

项目启动模版创建流程

  1. 打开 vscode 命令面板(macOS ⇧⌘P 、windows ctrl+shift+P ),输入命令 MicroApp: 新建小程序项目 ( MicroApp: Create MiniProgram Project )。

  2. 选择创建的项目类型 Mini App - 小程序 、 Mini Game - 小游戏 。

  3. 输入项目名称,回车键确认后在弹出的文件管理器中选择项目的存放位置。

注意事项

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

License

(MIT License)

Copyright 2022 Bytedance Inc.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft