vscode 扩展开发

vscode 扩展开发总流程

1. 初始化插件项目

# 安装官方cli工具
npm install -g yo generator-code

# 生成项目脚手架
yo code
# 然后根据提示进行

2. 调试插件
   编码完成后可以进行本地调试，点击 vscode 最左侧第 4 个 debug，然后点击运行按钮，会打开一个新的 vscode 窗口并自动安装编写好的插件，可以拖一个本地的项目文件夹进去，然后就可以愉快地调试了~

3. 发布你的 vscode 扩展
   打包插件，生成 vsix 文件：

# 安装vscode插件打包工具
npm i -g vsce

# 代码检查，这里最好用eslint格式化一下，避免发布时验证不通过
# 首选项 Eslint > Format: Enable 打勾。代码里右键格式化方式选用Eslint
yarn lint

# 打包生成vsix文件
vsce package

然后目录下会得到 xxx-0.0.1.vsix 的文件，.vsix 文件就是 vscode 插件标准格式。在 vscode 左侧边栏扩展中，点击更多操作，有一个“从 VSIX 安装”，可以直接安装本地的插件。