前言
剛剛準備發(fā)一個插件，發(fā)現(xiàn)用 pnpm 打出一個本地插件包直接撲街了。
這里只聚焦錯誤問題的解決，不是發(fā)插件的教程。。
聊點背景信息，vscode 的插件命令行的是 vsce 這個模塊提供的 cli 能力去做的
環(huán)境
- 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 字段寫成命令去執(zhí)行，就可以繞過默認采用 npm 執(zhí)行導致依賴查詢異常
"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
修正效果圖
這樣就可以打出本地的擴展，可以先自己安裝試試有沒有問題，然后再 publish 到商店
溫馨提示
npm package : vsce
- 這個包已經(jīng)給官方標記廢棄了，推薦使用 https://www.npmjs.com/package/@vscode/vsce
插件作品
git-branch-warn
- https://marketplace.visualstudio.com/items?itemName=crper.git-branch-warn
這個插件主要用來提示當前所在的分支是否為敏感分支，提供了一些配置，具體可以看 README。
因為過往的經(jīng)歷告訴我，真的有不少人會莫名其妙的把部分增量改動在敏感分支提交，導致代碼需要各種回退。。
有個警示語，應該有那么一些作用?。。?≧ω≦)文章來源：http://www.zghlxwxcb.cn/news/detail-846668.html
結語
有不對之處請留言，謝謝閱讀文章來源地址http://www.zghlxwxcb.cn/news/detail-846668.html
到了這里，關于VS Code開發(fā)插件使用 pnpm 打包異常的解決姿勢的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
](https://imgs.yssmx.com/Uploads/2024/01/404861-1.png)
