VSCode 插件开发

1. 环境搭建

1. 安装好 npm 之类的环境

2. 安装脚手架

   npm install -g yo generator-code
   

3. 初始化项目

   yo code
   

   然后按照提示配置，会生成相应的项目目录，示例如下

   

4. 运行测试，按F5进入测试，在命令面板 (Ctrl+Shift+P) 中输入 Hello World 命令

   右下角会显示 Hello World from Aniku! 的提示

2. packs 开发

1. 跟一般开发vscode插件一样，运行 yo code, 选择 New Extension Pack

• Extension Packs🔗 (opens new window)

3. 打包

1. 安装打包工具，有 node 和 npm 版本要求，需要注意

   npm install -g @vscode/vsce
   

2. 在 vscode 插件目录下运行下面的命令，生成的 vsix 文件就是打包好的插件

   生成好的 vsix 文件不能直接拖入安装，只能从扩展的右上角选择 Install from VSIX 安装

   vsce package
   

• 写一个VSCode扩展🔗 (opens new window)

4. 参考

• vscode 插件开发指南（一）-理论篇🔗 (opens new window)
• vocode 插件开发中文文档🔗 (opens new window)
• vscode 插件开发及常用 API 介绍🔗 (opens new window)