vscode插件打包的正确打开方式🥳👻😈😎

2,190 阅读1分钟

vscode 插件打包

初次打包

vscode 官网示范,首先安装全局依赖

npm install -g @vscode/vsce

然后终端输入

vsce package

过一会,哗啦哗啦,出现报错 Command failed: npm list --production --parseable --depth=99999 --loglevel=error,这个咋解决呢,我最后在网上找了很多方法,终于找到如下的方法

正确打包

当 vscode 插件制作好后,需要进行插件本地的使用,首先安装依赖(必须加-D哦)

pnpm i -D @vscode/vsce

然后,你需要 package.json 中写入

"scripts": {
  "package": "pnpm vsce package --no-dependencies"
}

然后终端输入

pnpm run package

即可完成打包

如何本地导入 vsix 文件

image.png image.png image.png

单击扩展,然后点击...,最后点击从 VSIX 安装(如上图从左到右所示),然后点击到本地 vsix 文件中,点击确认即可,你就可以在本地使用你的插件了 🥳👻😈😎!