Windows11编译安装vue devtools

一、从github下载源码，执行下面的命令

git clone https://github.com/vuejs/devtools.git

 

二、编译chrome扩展

cd devtools

yarn install

yarn build

在执行yarn build（或npm run build）你可能会遇到下面的错误：

1.'tsc' is not recognized as an internal or external command

这是因为没有安装typescript，执行 npm install -g typescript

完成后，使用 tsc --v 看到对应的版本信息，代表typescript安装成功

2.error TS2688: Cannot find type definition file for 'webpack-env'
第2个错误的解决办法是执行 npm install --save @tpyes/webpack-env

三、安装扩展

进到node_modules\@vue-devtools目录下，会看到shell-chrome的文件夹，打开chrome浏览器的扩展界面，将shell-chrome文件夹整个拖动到chrome的扩展界面，就可以了