-
安装nodejs,选择LTS(长期稳定支持的版本),下载完成后配置环境
关于npm的WARN -
npm install -g yo
-
npm install -g yo generator-code
-
npm install -g vsce
这一步npm有可能ERROR,考虑换源
npm config set registry http://registry.cnpmjs.org -
安装git
- Typescript
在vscode中书写tsc之前先运行tsc --init生成tsconfig.json文件去除js/ts的重复定义的报错 - async/await异步处理
- Vscode API官网
- Vscode Extension code
- Vscode blog,非常全面细节,强烈推荐阅读
- 我觉得最好的办法就是模仿和学习。首先确定你的插件的想要实现的功能是什么。在Vscode插件库里搜索类似的一个插件,找到这个插件的Github源码的位置,最好先找一个小一点的功能简单的类似插件,然后看他是怎么做的,有很大的借鉴意义
- 如果需要API调用就去Vscode的API官网去查
- vscode教程说的较为清晰,但仍有问题并不适合顺序执行。
vsce package操作可以打包但是vsce publish无法发布，这是因为没有创建贡献者账号。应该优先执行以下操作 Get a Personal Access Token下创建组织,注册后下滑找到Azure DevOps,接着流程如官网所示，拿到密钥之后记得保存。- 接着继续执行
Create a publisher,management page,这里提交表单有可能会没有反应，这是因为你有可能遇到Cross-Origin Read Blocking (CORB) blocked cross-origin response问题,这里需要你有一个国外的VPN才能继续，国内IP大概率都会被墙掉。注册成功之后就可以vsce login {你的注册ID},然后输入保存的密钥,成功登录 - 然后在你的
package.json中添加一行"publisher":{你的ID},规范书写README.md,然后vsce package最后vsce publish就可以了,License不存在的警告没有影响。如果是个人发布的小项目审核比较迅速，一般五分钟内就能通过。 - 发布成功之后就可以在vscode扩展中找到你的插件了
- 本地检查错误,下方控制板调至
输出,右侧下拉调至日志|窗口,可查看错误信息,更正后发布新版本,package.json中version升级版本号,然后重更新打包发布 - 注意一个可能会出现的问题,你的
package.json中执行文件的位置可能是"main": "./out/extension.js",所以一定要保证更新之后的extension.ts文件会被编译为/out/.js文件保存在out文件夹下,vsce打包生成最后的vsix文件最后只剩下你在根目录的新建的文件夹+out+package.json+README+CHANGELOG和一个vsix的配置文件,src中的都不会留下。 - 重新生成out目录的方法
cd src,npm run test
- 插件下载之后安装位置为
C:\Users\Administrator\.vscode\extensions\{作者名}.{插件名},插件需要额外文件的可以考虑采用绝对地址
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent