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

crper

已于 2024-04-09 16:46:21 修改

阅读量757

点赞数 3

文章标签： vscode macos 前端

于 2024-04-09 16:42:12 首次发布

本文链接：https://blog.csdn.net/crper/article/details/137558270

版权

文章讲述了作者在使用pnpm打包VSCode插件时遇到的问题，通过修改`package.json`的scripts字段来避免npm依赖查询异常，推荐使用vscepackage替代已废弃的npmpackage。作者分享了git-branch-warn插件并提醒开发者注意敏感分支操作。

摘要由CSDN通过智能技术生成

前言

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

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

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

环境

pnpm : 8.x

错误截图

本地打包的命令： vsce package <version> -m "message"

vsce package --help 可以看到目前只支持 yarn 这个第三方，要不就是默认的 npm

官方仓库的相关 issue 讨论：https://github.com/microsoft/vscode-vsce/issues/421

修正姿势

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

  "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 里面好心人给的法子: https://github.com/microsoft/vscode-vsce/issues/421#issuecomment-1038911725