浏览器安装vue-devtools

下载解压

地址 ​​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文件夹确认添加就完事了。

打开开发者模式

加载扩展程序