共计 828 个字符,预计需要花费 3 分钟才能阅读完成。
更加具体的内容能够查看该文档!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 插件开发中文文档
正文完
发表至: typescript
2021-11-29