参考文档
从0到1开发一款自己的vscode插件
1.全局安装需要用到的依赖。
npm i yo generate-code -g
2.使用以下命令创建项目
yo code
将会依次问你七个问题。
1.选择你想要创建的插件类型。会根据你选择的类型,下载对应的模板。
2.插件的名称。
3.插件的唯一标识id。
4插件的描述。
5.是否需要git。
6.构建工具是否使用webpack。
7.选择包管理工具。
{
"name": "demo", // 插件名
"displayName": "插件", // 显示在应用市场的名字
"description": "我的第一个插件测试", // 具体描述
"version": "0.0.1", // 插件的版本号
"engines": {
"vscode": "^1.60.0" // 最低支持的vscode版本
},
"categories": [
"Other" // 扩展类别
],
// 激活事件组,在那些事件情况下被激活
"activationEvents": [
"onCommand:demo.helloWorld"
],
// 插件的主入口文件
"main": "./extension.js",
// 贡献点
"contributes": {
// 命令
"commands": [
{
"command": "demo.helloWorld",
"title": "Hello World"
}
]
},
"scripts": {
"lint": "eslint .",
"pretest": "npm run lint",
"test": "node ./test/runTest.js"
},
// 开发依赖项
"devDependencies": {
"@types/vscode": "^1.60.0",
"@types/glob": "^7.1.3",
"@types/mocha": "^8.2.2",
"@types/node": "14.x",
"eslint": "^7.27.0",
"glob": "^7.1.7",
"mocha": "^8.4.0",
"typescript": "^4.3.2",
"vscode-test": "^1.5.2"
}
}
发布
这里是手动发布的流程。
1.打开vscode marketplace
2.点击右上角的Publish extensions
3.创建一个publisher
4.填写Name、ID、Description,上传Logo
5.点击New extension,选择Visual Studio Code,将打包的vsix文件上传。
6.等五分钟左右,就可以在插件市场搜到自己的插件了!