vscode插件开发-发布插件

news/2024/7/16 8:59:39 标签: vscode, ide, 编辑器

安装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


http://www.niftyadmin.cn/n/5426856.html

相关文章

【AI+编程】利用chatGPT编写python程序处理日常excel工作提升效率小技巧

之前写过一篇AI编程相关的文章 【人工智能】为啥我最近很少写python编程文章了&#xff0c;浅谈AI编程RPA提升工作效率 。 最近有同学私信我&#xff0c;怎么利用AI编程来提升工作效率&#xff0c;除了文章里讲的 使用AI帮忙写算法、代码提示、代码优化、不同语言转换(如J…

欧科云链:ETH Dencun升级倒计时,哪些数据需要重点关注?

2024年3月13日 21:55&#xff08;epoch 269,568&#xff09;&#xff0c;以太坊将完成坎昆-德内布升级 &#xff08;Dencun 升级&#xff09;&#xff0c;OKLink 专题数据页传送门 &#x1f449; oklink.com/eth/dencun-upgrade 此次升级的主要目标是提升 Layer 2 网络的可扩展…

中间件 | Kafka - [常见问题]

INDEX 1 为什么快2 消息丢失2.1 消息丢失位置2.2 如何避免消息丢失 3 顺序消费 1 为什么快 kafka使用的是基于文件的顺序存储 代价是只能通过offset标记消费情况并总 partition 数越高&#xff0c;性能越下降&#xff0c;可降低一个数量级 每个 partition 的消息会保存在一个独…

代码随想录算法训练营day59|第十章 单调栈part02

目录 503.下一个更大元素II 42. 接雨水 503.下一个更大元素II 这道题和 739. 每日温度 几乎如出一辙&#xff0c;可以自己尝试做一做 代码随想录 这道题可以直接拼接数组&#xff0c;但是显然使用取余运算更划算。注意这回 i 代表的不直接是nums的下标&#xff0c;而更多…

《ElementPlus 与 ElementUI 差异集合》icon 图标使用(包含:el-button,el-input和el-dropdown 差异对比)

安装 注意 ElementPlus 的 Icon 图标 要额外安装插件 element-plus/icons-vue. npm install element-plus/icons-vue注册 全局注册 定义一个文件 element-icon.js &#xff0c;注意代码第 6 行。加上了前缀 ElIcon &#xff0c;避免组件命名重复&#xff0c;且易于理解为 e…

网站服务器PHP页面打开速度慢怎么办?

在互联网高速发展的时代&#xff0c;用户体验是至关重要的。但是&#xff0c;很多企业和个人网站在访问速度方面存在问题&#xff0c;导致用户的不满和流失。服务器PHP页面打开速度慢的问题&#xff0c;成为了许多企业和个人网站的通病。那么&#xff0c;如何解决这个问题呢&am…

数据仓库数据分层详解

数据仓库中的数据分层是一种重要的数据组织方式&#xff0c;其目的是为了在管理数据时能够对数据有一个更加清晰的掌控。以下是数据仓库中的数据分层详解&#xff1a; 原始数据层&#xff08;Raw Data Layer&#xff09;&#xff1a;这是数仓中最底层的层级&#xff0c;用于存…

jenkins 使用k8s插件连接k8s集群

jenkins 安装k8s 插件 配置k8s节点 填写k8s 配置信息 生成秘钥 在服务器上面 查看地址 Kubernetes 服务证书 key cat /root/..kube/config 查看秘钥 对秘钥进行base64 位 加密 echo "秘钥内容" | base64 -d -----BEGIN CERTIFICATE----- MIIDITCCAgmgAwIB…