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插件入门就结束啦~~~