更加具体的内容能够查看该文档!vscode插件开发文档(中文版)
- 装置脚手架
npm install -g yo generator-code
- 初始化一个插件
yo code //会呈现一个交互窗口提供一些初始化选项
抉择插件类型(开发语言等,根本无脑下一步即可)
应用vscode关上我的项目 - 文件目录构造
├── .eslintrc.json // eslint配置├── .vscode // vscode调试配置| ├── extensions.json| ├── launch.json| ├── settings.json| └── tasks.json├── .vscodeignore // 公布疏忽内容├── CHANGELOG.md // 批改日志├── README.md // 插件公布后,插件主页内容├── package-lock.json├── package.json // vscode从这里辨认插件奉献点├── src // 外围源码内容| ├── extension.ts // 入口文件(次要批改此文件)| └── test //测试文件├── tsconfig.json // ts配置文件├── vsc-extension-quickstart.md └── webpack.config.js // wepack配置
- 运行调试
先按F5
进入vscode自带的调试窗口,接着按ctrl+shift+P
在顶部呈现命令框,输出Hello World
,呈现如下界面即实现了插件我的项目的创立
(输出F5即进入vscode自带调试模式,也可运行npm run watch
或者点击工具栏调试器) - 公布
- 办法一:间接把文件夹发给他人,让他人找到vscode的插件寄存目录并放进去,而后重启vscode,个别不举荐;
- 办法二:打包成vsix插件,而后发送给他人装置,如果你的插件波及秘密不不便公布到利用市场,能够尝试采纳这种形式;
- 办法三:注册开发者账号,公布到官网利用市场,这个公布和npm一样是不须要审核的。(可参考此文档公布流程,vscode插件开发中文文档