0

0

如何为VSCode创建和发布你自己的扩展

P粉986688829

P粉986688829

发布时间:2026-01-01 08:03:08

|

329人浏览过

|

来源于php中文网

原创

需完成初始化项目、编写功能代码、本地调试、打包为.vsix文件及发布至Marketplace五步:先用yo code生成TypeScript项目;在extension.ts中注册命令并实现逻辑;通过Extension Development Host调试;用vsce package打包;最后用vsce publish发布。

如何为vscode创建和发布你自己的扩展

如果您希望为 Visual Studio Code 开发并公开一个自定义扩展,则需要完成初始化项目、编写功能代码、打包以及发布到 Visual Studio Code Marketplace 等多个环节。以下是实现该目标的具体操作流程:

本文运行环境:MacBook Pro,macOS Sequoia。

一、安装必要工具与初始化项目

创建 VS Code 扩展依赖 Node.js 环境和 Yeoman 脚手架工具,用于快速生成标准项目结构。需确保已安装最新稳定版 Node.js,并通过 npm 全局安装相关开发依赖。

1、在终端中执行 npm install -g yo generator-code 安装 Yeoman 与 VS Code 扩展生成器。

2、运行 yo code 启动向导,选择“New Extension (TypeScript)”类型。

3、按提示输入扩展名称、标识符(id)、描述、作者等元信息,生成完整 TypeScript 项目目录。

二、编写核心功能逻辑

扩展的核心行为由 extension.ts 文件中的 activate 函数定义,它在扩展被启用时执行。所有命令注册、事件监听和 UI 注入均在此处完成,是功能实现的主入口点。

1、打开 src/extension.ts,定位到 activate 函数内部。

2、调用 vscode.commands.registerCommand 注册一个新命令,例如 'extension.helloWorld'。

3、在对应命令回调中使用 vscode.window.showInformationMessage 弹出测试提示,验证基础功能可运行。

三、本地调试与测试

VS Code 提供内置的 Extension Development Host 环境,允许在隔离窗口中加载未发布的扩展,便于实时验证行为是否符合预期,避免影响主编辑器工作流。

1、按下 Cmd+Shift+P(macOS)打开命令面板,输入并选择 “Developer: Toggle Developer Tools” 查看控制台输出。

简单CMS
简单CMS

简单CMS购物分享平台是一套基于LAMP架构和ThinkPHP框架为基础的、免费的、开源系统,为广大站长建站提供简单创建一个属于自己的电子商务导购平台及图片信息分享平台。 简单CMS的主要特点: 1模板均来自目前最流行的平台。如:美丽说,蘑菇街,下一件等。 2数据可根据站长的需求进行自动有效推送。 3数据均为用户分享。 4广告精准定位。 5注重用户体验。 6运行高效。简单CMS(jdcms)发布

下载

2、点击侧边栏的“运行和调试”图标,选择配置为 “Extension Development Host”,然后点击绿色三角形启动调试会话。

3、在新开的窗口中按下 Cmd+Shift+P,输入刚注册的命令名并执行,确认弹窗正常出现。

四、打包为 .vsix 发布文件

VS Code Marketplace 接收的是经过签名和压缩的 .vsix 格式文件,该文件由 vsce 工具生成,包含扩展源码、package.json 清单及资源文件。

1、在项目根目录执行 npm install -g vsce 安装发布工具。

2、运行 vsce package 命令,生成当前版本的 .vsix 文件(如 my-extension-0.0.1.vsix)。

3、检查生成文件是否包含有效的 package.json、icon 图标、README.md 及 license 文件,缺失将导致 Marketplace 审核失败。

五、发布至 Visual Studio Code Marketplace

发布前需注册 Microsoft Partner Center 账户并创建个人访问令牌(PAT),该令牌用于 vsce 登录并提交扩展包,是唯一身份凭证。

1、访问 https://partner.microsoft.com/en-us/dashboard/commercial-marketplace/overview 注册并完成开发者资料认证。

2、在“Certificates & secrets”页面创建一个新的 PAT,勾选 “Marketplace::Publish” 权限,复制生成的令牌值。

3、在终端执行 vsce login YourPublisherName,粘贴令牌完成登录,随后运行 vsce publish 提交扩展。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

403

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

528

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

306

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

74

2025.09.10

mysql标识符无效错误怎么解决
mysql标识符无效错误怎么解决

mysql标识符无效错误的解决办法:1、检查标识符是否被其他表或数据库使用;2、检查标识符是否包含特殊字符;3、使用引号包裹标识符;4、使用反引号包裹标识符;5、检查MySQL的配置文件等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

179

2023.12.04

Python标识符有哪些
Python标识符有哪些

Python标识符有变量标识符、函数标识符、类标识符、模块标识符、下划线开头的标识符、双下划线开头、双下划线结尾的标识符、整型标识符、浮点型标识符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

271

2024.02.23

java标识符合集
java标识符合集

本专题整合了java标识符相关内容,想了解更多详细内容,请阅读下面的文章。

251

2025.06.11

c++标识符介绍
c++标识符介绍

本专题整合了c++标识符相关内容,阅读专题下面的文章了解更多详细内容。

121

2025.08.07

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.5万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号