当前位置: 首页 > 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.zskr.cn/news/10878.html

相关文章:

  • 力扣 338题 比特位计数
  • 技术前瞻与个人发展 - 构建终身学习的手艺体系——AI大模型:从0手搓到∞——AI、大模型时代,如何学习?
  • 企业服务管理是做什么的?-ManageEngine卓豪
  • fastApi框架开发一个web端仓库管理系统 - 实践
  • 英伟达入资 11Labs,黄仁勋:语音 AI 带来情感、共情和联结;Qwen3-TTS-Flash:多语言,多音色,多方言丨日报
  • 【论文阅读】Uncertainty Modeling for Out-of-Distribution Generalization (ICLR 2022) - 详解
  • 数字孪生 + 碳痕追踪:MyEMS 给能源管理装了套 “全链路全景导航”
  • 基于IOS26的iOS 内存分析与必要内存界定
  • 深入解析:ARM架构学习9——LM75温度传感器+ADC转换器
  • P14062 【MX-X21-T7】[IAMOI R5] 若我不曾见过太阳 题解
  • 一套自用的git提交规范,可清晰的识别到关联的任务/bug - 实践
  • 撕开厂商锁定黑箱:MyEMS 如何用开源代码夺回能源管理的 “自主控制权”?
  • C造桥与砍树
  • Keil uVision5 MDK 5.42安装教程(支持ARM Cortex全系列开发)
  • 从Void到Task<PublishAggregateResult>:一次服务方法返回类型重构的纠结与决策
  • jenkins job的configure中配置git时 选择的credential为什么不能选择secret认证方式的数据
  • Day21继承
  • 实用指南:科研绘图Origin百度云盘下载与安装指南
  • 题解:P8300 [COCI 2012/2013 #2] INSPEKTOR
  • SuperHarness-3D低压柜机电协同设计方案!
  • 详细介绍:.NET驾驭Word之力:打造专业文档 - 页面设置与打印控制完全指南
  • vim 入门教学4(命令行模式教学)
  • 使用.NET标准库实现多任务并行处理的详细过程 - 实践
  • 模型训练中 平均损失值和平均准确率的深入理解
  • 一篇了解 Git 运用方式
  • torch.max函数在分类问题中的使用 学习
  • react native 国际化 react-i18next 和 i18n,运用高级组件的形式。 - 指南
  • react性能优化
  • Gitee如何重塑中国开发者的代码托管体验
  • 模块化面向对象 2章