vscode 插件开发入门（一）

vscode 插件开发入门

因工作需要接触到vscode插件开发，需求是由vscode插件通过命令自动生成开发模块所需要的目录以及文件，现在先由一个hello，world的功能开始入门吧。

项目搭建

使用的是官方的脚手架

1 先下载依赖

npm install -g yo generator-code
根据提示一步步来

安装成功后会提示

2 运行生成器

这时候我们按照提示执行
cd new-files 进入我们的项目目录
但是第二步注意了，他的提示是有问题的，按他提示执行会提示错误

这个时候，回去看他官网文档，其实应该执行的命令是code .，注意这里有个.
所以，我们执行后，他会自动帮你打开一个窗口

3 运行命令

这时候在新窗口执行，ctrl+shift +p，

运行 Hello World 命令
就会出现以下弹框，你的第一个vscode插件就成功运行啦！

是不是很简单列~~

4 打包vsix文件

4.1 先安装工具
npm i vsce -g

4.2 再打包文件
vsce package

假如提示

则需要再package.json 文件添加
“publisher”:" YOUR NAME ",
接下来，又出现以下提示，
这时候，只需要打开README.md文件，删除原有内容，然后加上你自己的描述就ok拉

比如

然后就可以顺利打包拉，以下只是提示你没有在package.json文件中填写git仓库地址，你可以直接y进行打包。

打包成功后生成文件

这个时候可以

安装之后，可以按照步骤三执行命令，会出现调试时一样的效果~

好了，vscode插件入门就结束啦~~~