下载解压
地址 https://github.com/vuejs/devtools
官网 https://devtools.vuejs.org/
安装运行
下载完成后打开命令行cmd进入devtools-main文件夹
安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装vue-cli
cnpm install vue-cli -g
安装yarn
npm install -g yarn
更换yarn淘宝镜像
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
yarn config get registry (如果上面配置正确这个命令会输出淘宝镜像地址)
安装webpack
npm install webpack -g
CMD运行webpack,提示要用YARN来安装webpack-cli
cd进入devtools-main文件夹
yarn install
yarn run build
cnpm 方式,有可能不成功
cnpm install
npm run build
打开Edge/Chrome,扩展页选加载解压缩的扩展,选择
vue-devtools-dev\packages\shell-chrome文件夹确认添加就完事了。
打开开发者模式
加载扩展程序
相关文章 :
https://www.cnblogs.com/alice-fee/p/8038367.html
https://blog.csdn.net/weixin_38289787/article/details/107954359