当前位置: 首页 > news >正文

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"

http://www.hskmm.com/?act=detail&tid=15808

相关文章:

  • streamlit构建dashboard
  • 力扣 338题 比特位计数
  • 企业服务管理是做什么的?-ManageEngine卓豪
  • 学习笔记_在Python中使用微信扫码功能(OpenCV WeChatQRCode)
  • 国标GB28181视频平台EasyCVR如何构建安防监控“中枢神经”?
  • vscode中element-plus组件无属性提示
  • day07
  • minio集群搭建
  • 在AI技术唾手可得的时代,挖掘新需求成为核心竞争力——某知名餐饮菜谱应用需求洞察
  • 英伟达入资 11Labs,黄仁勋:语音 AI 带来情感、共情和联结;Qwen3-TTS-Flash:多语言,多音色,多方言丨日报
  • 深入解析:一文详解回归分析的探索、分析、检验阶段,以Stata和SPSS为例
  • Vue 包依赖总结
  • 笔记_OpenCV4.5.1新增微信QRCode解码功能
  • 数字孪生 + 碳痕追踪:MyEMS 给能源管理装了套 “全链路全景导航”
  • 空间复杂度和时间复杂度
  • 基于IOS26的iOS 内存分析与必要内存界定
  • 破局 “节能不省钱” 悖论:开源 EMS 生态如何让中小企业用 1/3 成本实现能效跃升?
  • iOS 26 性能测试实战,如何评估启动速度、CPUGPU 负载、帧率与系统资源适配(uni-app 与 iOS 原生应用性能方案)
  • P14062 【MX-X21-T7】[IAMOI R5] 若我不曾见过太阳 题解
  • unity确定性帧同步框架
  • 03-堆和栈
  • 视频汇聚平台EasyCVR如何构建智慧农业监控监管系统?
  • 一套自用的git提交规范,可清晰的识别到关联的任务/bug - 实践
  • 撕开厂商锁定黑箱:MyEMS 如何用开源代码夺回能源管理的 “自主控制权”?
  • 继续 Vibe Coding 撸工具:Markdown写作 + 一键发布
  • C造桥与砍树
  • Keil uVision5 MDK 5.42安装教程(支持ARM Cortex全系列开发)
  • 2024 ICPC ECfinal E
  • 从Void到Task<PublishAggregateResult>:一次服务方法返回类型重构的纠结与决策
  • LVGL移植到STM32F4出现无法运行的问题