简单的编写一个vscode插件
【简单的编写一个vscode插件】更加详细的内容可以查看该文档!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插件开发中文文档
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量