首先创建VSCode扩展需准备Node.js和yo generator-code，接着用yo code生成TypeScript项目，修改package.json注册命令，在extension.ts中编写弹窗逻辑，最后按F5测试命令是否正常触发提示信息。
创建一个简单的 VSCode 扩展来添加自定义命令并不复杂，只需要几个基本文件和少量代码就能运行起来。下面是一个快速上手的步骤，帮助你从零开始创建一个能弹出消息的自定义命令扩展。
1. 准备开发环境
确保你已经安装了以下工具：
Node.js（建议 16.x 或更高版本）npm（随 Node.js 自动安装）Visual Studio CodeYeoman 和 VS Code Extension Generator
在终端中运行以下命令来安装生成器：
npm install -g yo generator-code
2. 创建扩展项目
运行 Yeoman 生成器来创建扩展：
yo code
按照提示选择：
扩展类型：选择 “New Extension (TypeScript)”项目名称：比如 “Hello Command”其他选项使用默认即可
完成后进入项目目录：
cd hello-command
3. 理解核心文件结构
关键文件包括：
package.json：定义扩展元数据和激活事件、命令注册src/extension.ts：主逻辑文件，包含激活函数和命令注册
在 package.json 中，找到 contributes.commands 字段，这是你在 VSCode 菜单中看到的命令入口。你可以修改它的标题：
通义万相
通义万相，一个不断进化的AI艺术创作大模型
596 查看详情 
“contributes”: { “commands”: [ { “command”: “hello-command.helloWorld”, “title”: “Say Hello” } ]}
4. 编写自定义命令逻辑
打开 src/extension.ts，你会看到默认的 `activate` 函数。它注册了一个命令并绑定回调函数。
示例代码（无需修改，默认已存在）：
import * as vscode from ‘vscode’;
export function activate(context: vscode.ExtensionContext) {let disposable = vscode.commands.registerCommand(‘hello-command.helloWorld’, () => {vscode.window.showInformationMessage(‘Hello from your own command!’);});
context.subscriptions.push(disposable);}
这个命令会在用户执行时弹出一条信息提示。
5. 运行和测试扩展
按 F5 启动扩展。VSCode 会打开一个“扩展开发主机”窗口。
在新窗口中：
按 Ctrl+Shift+P 打开命令面板输入 “Say Hello” 并执行你应该看到弹出的消息：“Hello from your own command!”
6. 打包与发布（可选）
如果你希望分享或安装这个扩展：
全局安装 vsce 工具：
npm install -g vsce打包：
vsce package生成 .vsix 文件，可在其他 VSCode 实例中通过 “Install from VSIX” 安装
基本上就这些。你已经成功创建了一个带有自定义命令的简单 VSCode 扩展。后续可以加入更多功能，比如操作编辑器、读取配置、调用 API 等。不复杂但容易忽略细节，比如命令 ID 拼写或未激活扩展。保持代码简洁，逐步迭代就行。
以上就是怎样创建一个简单的VSCode扩展来添加一个自定义的命令？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/434823.html
微信扫一扫 
支付宝扫一扫 
