开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第21天，点击查看活动详情

新建插件项目

准备工作，安装需要的脚手架

npm install -g yo generator-code

yo code

通过交互式的命令行，可以根据自己的需要调整对应的创建参数

一般使用默认的即可，至此就成功创建一个vscode的插件。

这里有一个小插曲，当我们执行命令时，提示code命令无效。

code .
zsh: command not found: code

第一反应肯定是修改系统环境变量。且慢！贴心的vscode其实是有快捷方式设置的，不需要我们手动设置。

打开vscode的命令模式

输入shell install

推荐的第一个命令就可以将code加入到系统环境变量中。

运行插件

由于vscode插件体系过于庞大，前期没有必要系统的进行学习。

我们新建了一个插件，让我们运行下刚刚创建的这个最简单插件。

F5将会打开一个新的vscode窗口，这个窗口已经加载了我们的插件。

输入命令Hello World，就可以看到命令的执行结果。

在源代码src/extension.ts中断点，再次执行命令后，就会触发断点。

非常的简单，体验非常棒！

当我们修改了插件后，有2种办法查看运行最新的修改：

通过以上的简单了解，我们已经掌握了最基本的运行调试方法，接下来就可以正式进入代码学习环节。