创建VS Code 扩展插件(一)使用模板创建第一个插件

VS Code提供了强大的扩展功能,我们可以通过开发插件实现自己的业务模型编辑器。这里我们快速介绍一下插件的创建、开发和发布过程。

创建插件开发模板

首先需要确认系统中安装了node.js,可以使用npm安装程序包,然后,安装插件的开发模板生成器:

npm install -g yo generator-code

安装完成后,使用模板创建第一个扩展项目,我们为这个项目创建一个子目录,然后进入命令行,在这个子目录下执行:

yo code

模板生成程序运行:


图片.png

生成完成后,在命令行运行:

code .

这个项目在vs code 中打开了:


图片.png

插件运行和调试

我们打开extension.js文件,可以看到插件启动的代码,我们对代码进行一点修改:


图片.png

将里面的提示修改为我们需要的信息。然后按F5运行。这时,一个新的Vs Code界面启动了,在这个新界面中按Ctrl+Shift+P,打开命令窗口,输入hello world,在界面下方出现我们编辑的信息:


图片.png

说明这个插件已经可以运行了。

你可能感兴趣的:(创建VS Code 扩展插件(一)使用模板创建第一个插件)