1. 前言
最近改用 Trae 作为开发工具,想体验一下它的 Builder 功能,当然也有程序员,都是一群能过够自动化,绝不多写一行代码的人,因此就使用 Builder 功能开发一个 vscode 的插件。插件开发什么功能呢?Taro React 快速创建新页面,官方就有这个命令脚本,当然 vscode 的插件市场也是存在这个插件的,不过我们这里就以这个功能为基础开发一个我们自己的插件,必定主要是为了体验 Builder 功能,因此开整!!!
2. 创建插件项目
2.1 描述需求
使用js实现一个vscode的插件,插件功能是创建一个taro react 页面,并将页面路径添加到app.config.js的配置文件中。
2.2 Trae 的思考
2.3 创建的文件
3. 插件本地测试
项目和代码已经生成完成,我们需要测试它创建的是否符合我们的要求,因此需要告诉它进行测试。
3.1 进行测试
vscode 插件本地测试
3.2 思考结果
3.3 总结
- 先安装了插件需要使用的依赖包;
- 执行 code --extensionDevelopmentPath=f:\taro-react-rui\taro-react-rui\vscode-taro-plugin 对插件进行测试;
- 发现插件不是我们需要的在文件夹右键创建的模式,因此需要优化。
4. 右键菜单创建
优化描述:配置右键创建页面命令。