Skip to content
vscode或者trea已安装的插件打包vsis教程

vscode插件也可以从网上直接下载,,可能有人问了既然装到了电脑里了为什么还要打包出来呢??因为有的插件很好用但是官方仓库突然下架了,本地没有vsix文件,那么只能自己打包了,不然以后换电脑了之类的就用不了了,基于这个问题做一期打包教程

找到插件安装目录

js
// vscode
C:\Users\<你的用户名>\.vscode\extensions

// trea
C:\Users\<你的用户名>\.trae-cn\extensions

上面目录里面就是所有插件的项目了

进入插件项目执行后续操作

安装依赖

安装打包插件

js
// 一定要使用--ignore-scripts跳过编译,否则可能会报错
npm i -g vsce --ignore-scripts

安装项目依赖

js
// 使用--ignore-scripts直接跳过失败脚本
npm install --ignore-scripts

根目录下新建tsconfig.json文件内容如下(如果有这个文件可跳过)

js
{
  "compilerOptions": {
    "module": "commonjs",
    "target": "ES2020",
    "outDir": "out",
    "rootDir": "src",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true
  },
  "exclude": ["node_modules", ".vscode-test"]
}

编译vsix

js
// 我没有安装yarn,所以使用--no-yarn
vsce package --no-yarn