最新: 从0开始写个vscode扩展，并发布到应用市场

按照以下步骤，从开始写代码到发布，一气呵成 (2024.8.14)

一、账号配置

1. 注册 Microsoft 账号

首先得有个 Microsoft 开发者账号，登录地址为 login.live.com 我是直接使用 github 一键登录

之后就自然的登录进去了，页面可关闭。

2. 访问 AzureDevOps，拿 Personal access tokens

地址：SignupAzureDevOps

确认下邮箱是不是你的，没问题登录就行（我是登录过，所以会是上面的显示）

紧接着来这里，点击红色的 Personal access tokens

注意下图的 2 3 选项，按图里的来：

创建完后，会有一个 token，只出现一次，保存好，后面 发布插件 用得到。

想看创建了哪些token，也可以编辑，看下图:

3. 创建发布账号

地址: marketplace createpublisher

这个名字就是你本地发布时候要用到的。(这里随便起个，后面示例用:「tutu」 )

当然你可以重复这个步骤，创建多个创建者。

二、插件开发和发布

开发插件

这个后面我单独写个文章吧，这篇主要是流程。

建议自己先去跑跑示例，地址：vscode-extension-samples

发布插件

本地打包和安装

1. 安装 vsce

npm i -g vsce

2. 打包成 vsix

vsce package

然后在项目的根目录会有一个 扩展名-版本.vsix 文件

3. 导入到vscode中看下生产效果

发布到 vscode markplace，使用终端操作

还记得上面创建的发布者账号「tutu」和 「token」么

发布前确认下 package.json 中是否有 publisher字段，以及值是不是 tutu

    {
      ...
      "name": "my-vscode-extension",
      "publisher": "tutu",
      ...
    }

1. 进入到项目根目录，登录

    ➜  my-vscode-extension git:(main) ✗ vsce login tutu
    https://marketplace.visualstudio.com/manage/publishers/
    Personal Access Token for publisher 'tutu': your_token

    The Personal Access Token verification succeeded for the publisher 'tutu'.

2. 发布到市场

vsce publish

<!-- 中间省略，出现下面这行，就OK -->
DONE  Published tutu.my-vscode-extension v0.0.1.

现在可以去喝杯水，点个赞啊，收个藏什么的，不然应用市场可能看不到啊~

marketplace