新建插件项目
准备工作，安装需要的脚手架
npm install -g yo generator-code yo code 复制代码
通过交互式的命令行，可以根据自己的需要调整对应的创建参数
网络异常，图片无法展示
|
一般使用默认的即可，至此就成功创建一个vscode的插件。
将Code加入到环境变量
这里有一个小插曲，当我们执行命令时，提示code命令无效。
code . zsh: command not found: code 复制代码
第一反应肯定是修改系统环境变量。且慢！贴心的vscode其实是有快捷方式设置的，不需要我们手动设置。
打开vscode的命令模式
- 快捷键：
Cmd/Ctrl+Shift+P - 菜单：
help / show all commands
输入shell install
网络异常，图片无法展示
|
推荐的第一个命令就可以将code加入到系统环境变量中。
运行插件
由于vscode插件体系过于庞大，前期没有必要系统的进行学习。
我们新建了一个插件，让我们运行下刚刚创建的这个最简单插件。
F5将会打开一个新的vscode窗口，这个窗口已经加载了我们的插件。
输入命令Hello World，就可以看到命令的执行结果。
网络异常，图片无法展示
|
调试插件
在源代码src/extension.ts中断点，再次执行命令后，就会触发断点。
非常的简单，体验非常棒！
修改插件
当我们修改了插件后，有2种办法查看运行最新的修改：
- 使用F5，重新运行插件。
- 使用快捷键
(Cmd/Ctrl+R)重新加载，使扩展生效。
通过以上的简单了解，我们已经掌握了最基本的运行调试方法，接下来就可以正式进入代码学习环节。
