VS Code开发插件使用 pnpm 打包异常的解决姿势

前言

刚刚准备发一个插件,发现用 pnpm 打出一个本地插件包直接扑街了。

这里只聚焦错误问题的解决,不是发插件的教程。。

聊点背景信息,vscode 的插件命令行的是 vsce 这个模块提供的 cli 能力去做的

环境

  • pnpm : 8.x

错误截图

  • 本地打包的命令: vsce package <version> -m "message"
  • vsce package --help 可以看到目前只支持 yarn 这个第三方,要不就是默认的 npm

官方仓库的相关 issue 讨论:github.com/microsoft/v...

修正姿势

在 package.json 的 scripts 字段写成命令去执行,就可以绕过默认采用 npm 执行导致依赖查询异常

json 复制代码
  "scripts": {
    "vscode:prepublish": "pnpm run compile",
    "compile": "tsc -p ./",
    "watch": "tsc -watch -p ./",
    "pretest": "pnpm run compile && pnpm run lint",
    "lint": "eslint src --ext ts",
    "test": "vscode-test",
    "package": "pnpm vsce package --no-dependencies",
    "publish": "pnpm vsce publish --no-dependencies"
  },

这个法子也是 issue 里面好心人给的法子: github.com/microsoft/v...

修正效果图

这样就可以打出本地的扩展,可以先自己安装试试有没有问题,然后再 publish 到商店

温馨提示

npm package : vsce

插件作品

git-branch-warn

这个插件主要用来提示当前所在的分支是否为敏感分支,提供了一些配置,具体可以看 README。

因为过往的经历告诉我,真的有不少人会莫名其妙的把部分增量改动在敏感分支提交,导致代码需要各种回退。。

有个警示语,应该有那么一些作用!!!(≧ω≦)

结语

有不对之处请留言,谢谢阅读

相关推荐
清沫2 天前
键盘效率提升指南(VSCode+Vim+SurfingKeys)
前端·vim·visual studio code
OLong3 天前
2025年最强React插件,支持大量快捷操作
前端·react.js·visual studio code
一眼万年043 天前
每天都在使用的VS Code Copilot Chat 开源啦!
aigc·ai编程·visual studio code
pe7er13 天前
vscode插件Hybrid Mode混合模式不兼容导致vue3项目在vscode爆红、类型推导失效的解决方案
vue.js·visual studio code
是紫焅呢16 天前
I排序算法.go
开发语言·后端·算法·golang·排序算法·学习方法·visual studio code
是紫焅呢16 天前
E结构体基础.go
开发语言·后端·golang·学习方法·visual studio code
是紫焅呢17 天前
F接口基础.go
开发语言·后端·青少年编程·golang·visual studio code
攀登的牵牛花17 天前
🚀【效率利器】Spine动画瘦身秘籍:一键批量PNG To WebP,Atlas自动更新!
前端·visual studio code
是紫焅呢18 天前
C函数基础.go
开发语言·后端·青少年编程·golang·学习方法·visual studio code
是紫焅呢18 天前
D包和模块.go
开发语言·后端·golang·学习方法·visual studio code