Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>申先森New to Visual Studio Code? Get it now.
申先森

申先森

申先森

|
4 installs
| (0) | Free
vscode插件测试
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

参考文档

从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.等五分钟左右,就可以在插件市场搜到自己的插件了!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft