vscode插件开发教程
1.概览
1.1 vscode插件可以做什么
vscode编辑器是可⾼度⾃定义的，我们使⽤vscode插件⼏乎可以对vscode编辑器进⾏所有形式的⾃定义，只要你想做，基本上没有不能实现的。
⾃定义命令
快捷键
巴黎英文
⾃定义菜单项
⾃定义跳转
⾃动补全
悬浮提⽰
新增语⾔⽀持
语法检查元宵的由来
语法⾼亮
代码格式化
····
1.2 如何创建插件
可以通过官⽅脚⼿架来⽣成vscode插件模板⼯程。
⾸先安装脚⼿架
npm install -g yo generator-code
然后进⼊⼯作⽬录，使⽤脚⼿架右脑训练
yo code
老公过生日
1.png
通过上图可以看到，⽣成⼀个vscode插件⼯程时可以选择是创建⼀个已有的语⾔的插件还是⼀个全新的语⾔的插件，并且可以选择插件开发语⾔。
本⽂以创建⼀个新语⾔的插件为例。
vscode插件开发可以使⽤TypeScript开发，也可以使⽤JS，两种⽅式能实现的功能是⼀样的。
下⾯是⾃动⽣成的插件⼯程⽂件
成职院
3.png
其中，最核⼼的两个⽂件是package.json和extension.js，package.json是整个插件⼯程的配置⽂件，extension.js则是⼯程的⼊⼝⽂件。下⾯将对这两个⽂件进⾏详细的介绍。谢雨彤
歌颂的意思
1.3 package.json详解
5.png
：<u>以上配置项在刚创建完的⼯程⽂件中不全存在，本⽂为了更全⾯介绍配置项，所以后⾯⼈为添加了⼀些配置项。</u> activationEvents
配置项配置插件的激活数组，即在什么情况下插件会被激活，⽬前⽀持以下8种配置：onLanguage： 在打开对应语⾔⽂件时
onCommand： 在执⾏对应命令时
onDebug： 在 debug 会话开始前
电气运行
onDebugInitialConfigurations： 在初始化 debug 设置前
onDebugResolve： 在 debug 设置处理完之前
workspaceContains： 在打开⼀个⽂件夹后，如果⽂件夹内包含设置的⽂件名模式时
onFileSystem： 打开的⽂件或⽂件夹，是来⾃于设置的类型或协议时
onView： 侧边栏中设置的 id 项⽬展开时
onUri： 在基于 vscode 或 vscode-insiders 协议的 url 打开时
7.png
