- 准备开发环境
npm install -g yo generator-code @vscode/vsce
yo generator-code:用于创建插件项目骨架
vsce:用于打包和发布插件 - 创建插件项目
yo code
选择插件类型(TypeScript 或 JavaScript)
填写插件名称、描述、是否初始化 Git、使用的包管理器等
创建完成后进入项目目录并安装依赖:
bash
cd my-extension
npm install
- 开发插件功能
插件入口文件通常是 src/extension.ts 或 extension.js
在 package.json 中配置命令、激活事件、菜单等
ts
//example
vscode.commands.registerCommand('my-extension.helloWorld', () => {
vscode.window.showInformationMessage('Hello from my extension!');
});
- 本地调试
按 F5 启动调试,会打开一个新的 VS Code 实例(Extension Development Host),在里面测试你的插件。 - 打包插件
vsce package
会生成 .vsix 文件
确保 package.json 中填写了 publisher 字段
推荐添加图标、README、CHANGELOG 等元信息 - 发布到 VS Code 插件市场
注册 Microsoft 账号并登录 Visual Studio Marketplace
创建 Publisher(发布者身份)
获取 Personal Access Token(PAT)
登录并发布:
bash
vsce login your-publisher-name
vsce publish