vscode插件开发,打包后不生效问题解决

原因:使用AI生成的vscode 插件代码,打包使用的tsc,没有将三方依赖打包进去,导致安装插件后,插件无法激活,仅注册了快捷键

解决:对比使用 yo生成的ts+pnpm 插件项目,切换为esbuild打包

注意发布的话,使用 @vscode/vsce

创建项目

  1. 安装 Yeoman 工具集

    Yeoman 是通用型项目脚手架工具,可以根据一套模板,生成一个对应的项目结构

    npm install -g yo
    
  2. 安装 generator-code 模块

    generator-code 模块是 VS Code 扩展生成器,与 yo 配合能构建 VsCode 插件项目

    npm install -g generator-code
    
  3. 运行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"

posted @ 2025-09-24 14:30  龙陌  阅读(12)  评论(0)    收藏  举报