字节小程序开发助手
官方维护 字节跳动小程序开发助手,ttml 文件代码高亮,标签、属性提示与智能补全;API 补全、代码片段辅助编写;ttml 编辑样式选择器时提示与跳转。
官网开发文档
欢迎加入 官方反馈群(飞书) 提出建议或吐槽。
主要功能
.ttml 、.ttss 文件语法高亮
- 标签名与属性自动补全
- 自定义组件跳转。
.ttml 样式补全 .ttss 中的选择器
.ttml 中补全 Page/Component 的属性和方法名,支持定义跳转
- API snippet 代码片段补全
app.json 和 project.config.json 文件校验
- 支持 emmet 写法
- 支持创建
小程序 / 小游戏 项目快速启动模板
示例图
标签属性名字补全
API 代码片段补全
样式补全和跳转
代码格式化
自定义组件的跳转
Page/Component 属性名的提示与跳转
Page/Component 方法名的提示与跳转
项目启动模版创建流程
打开 vscode 命令面板(macOS ⇧⌘P 、windows ctrl+shift+P ),输入命令 MicroApp: 新建小程序项目 ( MicroApp: Create MiniProgram Project )。
选择创建的项目类型 Mini App - 小程序 、 Mini Game - 小游戏 。
输入项目名称,回车键确认后在弹出的文件管理器中选择项目的存放位置。
注意事项
- 小程序 API 代码片段提示会扩展
JavaScript 代码片段内容。如在开发其它项目时不想加载这些提示,可以在插件列表页暂时禁用小程序开发插件
License
(MIT License)
Copyright 2022 Bytedance Inc.
| |