💡 参考文章见Ref，感谢提供思路！
🗺️当前这篇博文地址：https://myoontyee.github.io/article/abf71111.html
⚠️警告：博客文章禁止一切形式的非授权非法转载！
⚠️Attention: All forms of unauthorized illegal reposts are prohibited !

创建时间：2022年4月28日17:47:58
最新更新：2022年4月29日11:43:49

Problem Description：How do I compile plugin source code for Visual Studio Code? How do I do secondary development?

核心思路：

  • 装yo和generator-code脚手架
  • 装yarn（装完的这步不用，没装的等下当场报错跟你讲）
  • 装vsce（可能报错，博文里给出了2种指令）
  • 编译.vsix
  • 通过.vsix给Visual Studio Code装插件

装必备插件

  • 打开Bash（我用的Git-Bash），输入如下指令
1
npm install -g yo generator-code

你要有源码不用干这步：自己初始化一个项目，你也可以yo一下

  • 你如果想自己搞一个新的插件项目，你就在Bash输入如下指令
    • 按照你的需求选，你也可以依次选择，下面是一个示例
      • New Extension (JavaScript)
      • 设你想要的插件名
      • 设你想要的项目名，或者直接用括号里的
      • 写你对插件的描述
      • 在js文件中启动语义检测，jsconfig.json中compilerOptions.checkJs会变为true：Y
      • 是否初始化Git仓库：Y
      • 选你想要的包管理方式：yarn
    • 各个选项的区别
      • New Extension (TypeScript) ：TypeScript语法的项目，内置hello world命令
      • New Extension (JavaScript) : JavaScript语法的项目，内置了hello world命令
      • New Color Theme ：主题项目，内置了主题，用于自定义主题
      • New Language Support：语言支持项目，内置了语法支持配置，用于支持特殊语言
      • New Code Snippets：代码片段项目，内置了代码片段配置，用于配置代码片段，输入触发字符，快速生成代码片段
      • New Keymap：快捷键项目，内置了快捷键配置，用于自定义快捷键行为
      • New Extension Pack：插件集合项目，内置了插件集合配置，用于定制插件集，可实现快速安装一组插件
      • New Language Pack (Localization)：暂未查到
1
yo code

yarn

1
npm install -g yarn

vsce

  • 在Bash内输入如下指令安装vsce
    • 下面给出2个指令，一个不行就换另一个~
    • 我用npm install -g vsce会报错…用下面就行
1
npm install -g vsce
1
npm install --global vsce

编译出.vsix

  • 进入你搞到的插件源码所在目录，如下图，在Bash内输入如下指令即可得到.vsix文件
    • 一个成功的示例如下下图
1
vsce package
  • 编译出来长这样

给Visual Studio Code装插件

  • 打开Visual Studio Code，点扩展→···→从VSIX安装...→选他→安装→安装成功后右下角会有提示，你也能在扩展里找到他

Ref