VSCode扩展开发进阶发布VSCode插件到商店完整流程

技术教程
2025-07-16 16:03:02

注册微软开发者账号并创建发布者账户；2. 准备好扩展并打包成.vsix文件；3. 使用vsce工具上传扩展到marketplace；4. 完善页面信息并提交审核。发布vscode扩展需先注册microsoft partner center账号并创建发布者信息，获取发布者id，接着确保扩展项目无误后使用vsce打包，安装必要工具并生成.vsix文件，随后通过azure devops获取pat令牌，用vsce命令上传扩展，上传后完善插件页面的描述、截图等信息，最后提交审核，通常一两天内完成，注意确保所有配置项如发布者id、权限、页面内容准确无误以避免反复修改。

想把一个VSCode扩展发布到官方插件商店？其实流程比你想象的要简单一些，但有些细节容易忽略。只要你有一个准备好的扩展项目，并完成账号和工具的配置，就能顺利提交并通过审核。

下面是一些关键步骤和注意事项，帮你顺利完成发布流程。

注册微软开发者账号并创建发布者账户

在发布之前，你需要一个 Microsoft Partner Center 账号。这个账号不仅可以用来发布 VSCode 插件，还能管理其他微软生态下的应用。

如果你还没有账号，可以去 Partner Center 注册
登录后，在“仪表板”里选择“Visual Studio Marketplace”
创建一个“发布者（Publisher）”信息，包括名称、ID 和联系邮箱
- 发布者 ID 很重要，之后在 package.json 中要用到它

注册过程可能需要验证身份，尤其是首次使用时。建议提前几天准备，避免耽误发布进度。

准备好扩展并打包成 `.vsix` 文件

在发布前，确保你的扩展已经测试通过，并且没有明显的 bug。同时，检查以下几点：

package.json 中的字段是否正确，特别是：
- "publisher"：必须是你在 Marketplace 上注册的发布者 ID
- "name" 和 "displayName" 是否清晰准确
- "icon"、"preview"、"galleryBanner" 等视觉元素是否齐全
使用命令 vsce package 打包生成 .vsix 文件
- 需要先安装 vsce 工具：npm install -g vsce

如果依赖了其他模块，记得运行 vsce package 前执行 npm run compile 或构建命令，确保最终打包的是最新可用代码。

OpenGPT

给AI不同提示词，立即创建属于自己的ChatGPT应用程序

162 查看详情 OpenGPT

使用 vsce 工具上传扩展到 Marketplace

有了 .vsix 文件后，就可以用 vsce 直接上传到市场了。

安装 vsce（如果还没装）
获取 Personal Access Token（PAT）
- 进入 Azure DevOps，生成一个 PAT，权限选“Visual Studio Marketplace (Publish)”
使用命令上传扩展：
```
vsce publish -p <your-pat-token>
```
或者只上传不发布（适合先预览）：
```
vsce upload -p <your-pat-token>
```

上传完成后，会自动跳转到 Marketplace 页面，你可以继续补充描述、截图等内容。