从零开始的vscode插件开发

1 环境准备

这里我们默认您已经安装了vscode并且装好了node。并且npm也是可以正常使用的

在终端执行：

npm install -g yo generator-code

2 搭建项目

在终端执行：yo code

[图片上传失败...(image-455d20-1669974407323)]

这里会询问你要新建一个什么项目：ts拓展、js拓展、主题皮肤、语言包等等。

我们选择一个js拓展

[图片上传失败...(image-33c5dc-1669974388194)]

依次含义是：

你想要新增一个什么类型的拓展？

你要创建的这个拓展的名字是什么？

是否要新增一个文件夹（输入文件夹名字）？

对你的拓展的描述是？

是否要在jsconfig中启动js类型检查？

是否需要初始化一个git仓库？

你想要使用哪个包管理器？按需选择npm，yarn等都行

最终还会问你要不要用vscode打开你新创建的项目，选择打开，如下：

[图片上传失败...(image-d2afc8-1669974388194)]

直接在上面那张图所示的编辑器中按F5，或者使用vscode左边的调试功能

会演出一个新的vscode的拓展开发宿主：

[图片上传失败...(image-b9d7ca-1669974388194)]

Windows系统下按ctrl+shift+P，输入hello

[图片上传失败...(image-137e88-1669974388194)]

回车调用Hello Worle。可以看到你新建的拓展在屏幕右下角跟你打招呼——这也是你的拓展目前所具有的功能。我们要做的就是拓展和完善这些功能

[图片上传失败...(image-b6464d-1669974388194)]