VS Code扩展开发只需package.json和extension.js两个核心文件,通过yo code生成项目、注册命令并调试即可。需确保Node.js、yo和generator-code已安装,命令ID须全局唯一,activationEvents配置要匹配触发方式。

为 VS Code 开发一个简单扩展,核心是写一个 package.json 描述文件 + 一个入口 JavaScript 文件(通常叫 extension.js),再用 VS Code 提供的 API 实现功能。不需要复杂构建,直接运行调试即可。
1. 准备工作:安装必要工具
确保已安装:
- VS Code(最新稳定版)
- Node.js(v14+,推荐 LTS 版本)
-
yo和generator-code(全局安装):npm install -g yo generator-code
2. 创建扩展项目
在终端中执行:
yo code- 选择「New Extension (TypeScript)」或「New Extension (JavaScript)」(新手建议选 JavaScript)
- 按提示填写扩展名、ID、描述等(ID 会作为唯一标识,如
my-first-extension)
完成后生成一个标准项目结构,含 package.json、extension.js、README.md 等。
3. 编写最简功能:点击命令弹出通知
打开 extension.js,修改 activate 函数:
function activate(context) {
let disposable = vscode.commands.registerCommand('my-first-extension.helloWorld', function () {
vscode.window.showInformationMessage('Hello from my first extension!');
});
context.subscriptions.push(disposable);
}
再打开 package.json,确认 contributes.commands 已声明该命令:
沙之丘企业网站程序是一个以asp.net(C#) 4.0 +access进行开发的企业网站源码。主要功能:1、产品、设备、新闻系统2、留言信息直接发邮件到相关部门3、所有链接都以一级目录显示更好的权重4、其他信息扩展,可以增加如:人事招聘,公司介绍,地图,联系我们等5、带有商品和设备的搜索功能6、模板动态化方便扩展模板7、简体繁体选择显示运行环境:windows 2003或者更高windows服务
"contributes": {
"commands": [{
"command": "my-first-extension.helloWorld",
"title": "Hello World"
}]
}
这个扩展现在就能注册一个命令,用户可通过 Ctrl+Shift+P → 输入 “Hello World” 触发。
4. 运行与调试
按 F5 启动调试 —— VS Code 会自动打开一个「Extension Development Host」窗口。在这个窗口里:
- 按
Ctrl+Shift+P,输入并运行Hello World - 看到右下角弹出提示,说明扩展已生效
- 修改代码后可随时重启调试(
Ctrl+Shift+F5)
所有日志、错误都会显示在主窗口的「Debug Console」或「Output」面板(选择「Log (Extension Host)」)。
基本上就这些。不复杂但容易忽略的是:命令 ID 必须全局唯一、package.json 中的 activationEvents 要匹配触发方式(比如用 "*" 表示一启动就激活,或用 "onCommand:xxx" 懒加载)、JS 文件路径要在 main 字段里写对。写完可打包发布到 Marketplace,只需 vsce package 生成 .vsix 文件。









