vscode插件开发-发布插件

安装vsce

vsce是“Visual Studio Code Extensions”的缩写,是一个用于打包、发布和管理VS Code扩展的命令行工具。

确保您安装了Node.js。然后运行:

npm install -g @vscode/vsce

您可以使用vsce轻松打包和发布扩展:

// 打包插件生成name.vsix文件 
vsce package 

// 发布插件 
vsce publish

vsce还可以搜索、检索元数据和取消发布扩展。有关所有availablevsce命令的参考,请运行vsce --help。

发布扩展

Visual Studio Code使用Azure DevOps进行其市场服务。这意味着通过Azure DevOps提供扩展的身份验证、托管和管理。

vsce只能使用个人访问令牌发布扩展。您需要至少创建访问令牌一个才能发布扩展。

如果不想创建访问令牌可以通过Visual Studio Marketplace手动发布扩展。

获取访问令牌

首先,按照文档在Azure DevOps创建自己的组织。在以下示例中,组织名称为vscode。请注意,组织的名称不一定与您的出版商名称相同

  1. 从您组织的主页(例如:https://dev.azure.com/vscode),打开您的个人资料图像旁边的用户设置下拉菜单,然后选择个人访问令牌:​编辑在个人访问令牌页面上,选择新令牌:
  2.  在创建新的个人访问令牌模式中,为令牌选择以下详细信息:
    1.  Name: 任意名称
    2. Organization: 不重复的组织
    3. Expiration (optional): 为令牌设置所需的到期日期
    4. Scopes:令牌的访问范围:
      1.  单击下方的Show all scopes(显示全部)链接
      2.  在范围列表中,滚动到Marketplace并选择Manage 
  3.   点击创建。您将看到您新创建的个人访问令牌。将其复制到安全位置,您需要它来创建publisher

创建一个publisher

publisher是一个可以向Visual Studio Code市场发布扩展的身份。每个扩展都需要在其package.json文件包含一个publisher属性。

创建publisher:

  1. 转到Visual Studio Marketplace出版商管理页面
  2. 使用您在上一节中用于创建个人访问令牌的同一微软帐户登录
  3. 单击左侧窗格中的Create publisher。
  4. 在新页面中,指定新发布者的强制性参数-Name和Id(分别为Name和ID字段):
    1.  Name:您的publisher的唯一名称,将与您的扩展一起显示在Marketplace中。
    2.   ID:Marketplace中publisher的唯一标识符,将用于您的扩展URL。创建后无法更改ID。 ​以下是Docker扩展的发布者标识符和名称示例:
  5.  其他字段可选填。
  6. 点击创建
  7. 使用vsce验证新创建的publisher。在您的终端中,运行以下命令,当出现提示时,键入上一步中创建的个人访问令牌:
    // Id为publisher Id
    vsce login Id
    
    https://marketplace.visualstudio.com/manage/publishers/
    Personal Access Token for publisher '<publisher id>': ****************************************************
    
    The Personal Access Token verification succeeded for the publisher '<publisher id>'.
    
    验证后,您就可以发布扩展了。   

手动发布  

// 打包插件生成name.vsix文件 
vsce package

访问Visual Studio Marketplace,并登陆上一节中创建的Microsoft账户,然后点击右上角的Publish extension

如果我们按照上文创建了publisher,就会直接进入到下面的页面,我们点击New extension选择Visual Studio Code上传我们打包好的以vsix为后缀的文件即可

上传成功后我们就可以在插件库中看见我们上传的插件了(上传后大概五到十分钟就可以在vscode中搜索到我们上传的插件了)

更新扩展

修改package.json中的version。

重新运行vsce package打包自动发布或直接运行vsce publish

  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以按照以下步骤在VSCode中安装esp-idf插件: 1. 首先,您需要下载并安装VSCode。您可以从官方网站https://code.visualstudio.com/Download 下载安装程序,并按照提示进行安装。\[1\] 2. 打开VSCode后,点击左侧的插件管理按钮(或使用快捷键Ctrl+Shift+X)打开插件管理界面。 3. 在插件管理界面的搜索框中输入"espressif IDF",然后点击安装按钮进行安装。\[1\] 4. 安装完成后,您可以在VSCode的左侧活动栏中找到espressif IDF插件。点击该插件图标,您将看到相关的配置选项和功能。 5. 接下来,您需要安装ESP-IDF、ESP-IDF-Tools以及相关工具链。您可以通过以下步骤完成: 5.1 打开命令面板(或使用快捷键Ctrl+Shift+P)。 5.2 在命令面板中输入"configure esp-idf extension",然后选择"ESP-IDF: configure esp-idf extension"。这将打开"ESP-IDF Setup"安装窗口。\[2\] 6. 按照安装窗口中的提示,选择您的ESP-IDF路径和其他相关配置选项。完成配置后,您将能够在VSCode中使用esp-idf插件进行开发。\[2\] 请注意,上述步骤仅适用于在VSCode中安装esp-idf插件。如果您需要更详细的安装步骤或其他相关信息,您可以参考ESP8266开发环境搭建的图文教程,该教程提供了使用VSCode和PlatformIO搭建开发环境的详细步骤。\[3\] #### 引用[.reference_title] - *1* [VScode+ESP32快速安装ESP-IDF插件](https://blog.csdn.net/hwd00001/article/details/125994389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [windows下ESP32集成开发环境搭建和HelloWorld显示(乐鑫官方推荐方法-使用VSCode安装ESP-IDF插件)](https://blog.csdn.net/felix_tao/article/details/122913575)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值