原因:使用AI生成的vscode 插件代码,打包使用的tsc,没有将三方依赖打包进去,导致安装插件后,插件无法激活,仅注册了快捷键
解决:对比使用 yo生成的ts+pnpm 插件项目,切换为esbuild打包
注意发布的话,使用 @vscode/vsce
创建项目
-
安装 Yeoman 工具集
Yeoman 是通用型项目脚手架工具,可以根据一套模板,生成一个对应的项目结构
npm install -g yo
-
安装 generator-code 模块
generator-code 模块是 VS Code 扩展生成器,与 yo 配合能构建 VsCode 插件项目
npm install -g generator-code
-
运行yo code创建项目
- 选择 New Extension(JavaScript)
- 输入项目名称 MarkdownExample
- 输入项目ID MarkdownExample
- 输入项目描述 Full Markdown Example
调试
.vscode 中配置调试命令和工作区
打包
package.json,设置项目发行者和图标
"publisher": "longmo",
"icon": "images/logo.png"
安装 vsce npm install -g @vscode/vsce
vsce 是 "Visual Studio Code Extensions "的缩写,是用于打包、发布和管理 VS Code 插件的命令行工具。
打包 执行命令 vsce package
若使用pnpm 安装的依赖,打包报错,可执行如下命令
"pb": "vsce package --no-dependencies --allow-missing-repository"