你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

codejock software VSCode插件开发全攻略:从环境准备到代码编写,一步步教你创建扩展

发布时间:2025-11-17

浏览次数:0

第一步:开发 插件

这是最核心的部分,你同事已经完成了这一步。

环境准备方面,把Node.js进行安装,还有Code也得安装,另外也要安装 和VS Code ,其会被用于快速创建插件项目骨架 ;要用 -g yo -code来创建项目,在终端运行yo code ;你将会呈现出一个交互式命令行界面,它能让你去选择插件类型(像是颜色主题、代码片段、完整功能扩展等),输入名称、描述、标识符等 ;这个工具会自动为你生成一个结构完整、能够立即运行的插件项目 。编写代码,核心文件是 ,json和 src/,ts(如果你选择用 )。,json,这是插件的“身份证”和“功能清单”。你需要在这里定义,name,插件名称。,发布者ID(非常重要,这是你发布时的唯一标识)。,在市场中显示的名称。,描述。codejock software,版本号。,指定兼容的版本。,定义何时激活你的插件(例如:启动时、打开某种文件时、执行某个命令时)。,向贡献的功能,如命令、配置、菜单、快捷键、代码片段等。在src/.ts这个文档之中,写着的是插件功能的主要逻辑代码,你能够利用所提供的扩展API去跟编辑器展开交互,像显示通知,创建状态栏项,对文件进行操作等。对于本地测试而言,在打开你的插件项目的时候按下F5,这将会启动一个名为“扩展开发宿主”的新窗口,在这个新窗口里面,你的插件处于激活状态,你能够测试所有功能。

第二步:发布到 VS Code 市场

当开发已经完毕,经过测试不存在差错之后呢,那个时候就能够着手准备去发布喽。而市场方面呢,是运用Azure来达成身份管理以及开展发布相关操作的哟。

1. 安装打包工具

在打包并且发布插件这件事上面,你是需要借助vsce ( 该字符串为Code ) 这个被称作命令行工具的事物的 。

bash

npm install -g vsce

2. 创建 Azure 组织和个人访问令牌 (PAT)

这是最关键的一步,用于验证你的身份。

3. 创建发布者 ()

发布者是你所有插件的归属 。你的同事的发布者ID就是 。

4. 配置你的项目

codejock software_vscode插件开发教程_发布vscode插件步骤

保障你插件的.json文件里的字段,和你上一步所创建的发布者ID全然相符。

json

{
“名字”是,“我的”,“很棒的”,“扩展” 。
“displayName”,其内容为“My Awesome Extension” 。
以下是进行修改后的内容:“发布者”,其为 ,“你的发布者标识号” , 。  //。<-- 这里要改成你的,例如 "Shamee"
  ...
}

5. 打包和发布

现在,一切准备就绪。

6. 发布后总结一下流程:

开发进入到相应阶段,即为codejock software,借助yo code来创建项目,之后编写代码,代码的类型为.json以及.ts这两种,最后经F5键进行测试 。

阶段为发布时,要先去创建 Azure 组织以及 PAT,接着再去创建发布者,之后要配置 .json,随后执行 vsce login,最后进行 vsce 。

即便整个过程之中的步骤数量不是少的存在,然而官方所给出的文档是极为详尽万分的。要是你拥有着兴趣,那么强烈建议你起始于官方文档之处:

VS Code API 文档

如有侵权请联系删除!

13262879759

微信二维码