vscode 插件开发发布流程记录

vscode 插件文档

开发流程

1. 首先，使用 Yeoman 和 VS Code 扩展生成器来搭建准备开发的 TypeScript 或 JavaScript 项目

npx --package yo --package generator-code -- yo code

2. 选择要开发的插件类型

3. 以开发 snippets 插件为例

3.1 配置snippets路径 package.json -> contributes -> snippets

3.2写入snippets

3.3调试 按F5 进入调试

4. 手动上传发布

4.1 安装vsce

npm i @types/vsce -g

4.2 打包成vsix

vsce package

4.3 打开 marketplace.visualstudio.com/vscode 点击右上角Publish extensions

4.4 创建一个publisher

然后把刚才打包的vsix文件上传就可以了，等待审核，之后，可以在vscode 插件市场搜索到了

5. 控制台命令一键发布

5.1 同样 安装vsce

npm i @types/vsce -g

5.2 创建 Personal Access Tokens

获取 Personal Access Token 首先，你得有一个Azure DevOps 组织。

名称随便写一个， token生效时间随意， scopes 选全部权限

5.3 创建发行方

前往Visual Studio 市场发布者管理页 。

注意⚠️： 市场管理要登录与创建token时 Azure DevOps 组织 同一个账号

id name 自己随意填，但是都要用英文

5.4 本地登录创建的发行方

vsce login (publisher name)

然后输入上面的token

5.5 发布

发布时注意版本号要增加，或者命令后面跟着版本号

vsce publish
或
vsce publish 2.0.1

然后就可以在管理页面看到插件了，等待审核，之后，可以在vscode 插件市场搜索到了