mac 安装最新 vue-devtools不跳坑

前言

   安装个vue-devtools chrome浏览器插件就这么麻烦吗,果然大神们都鄙视mac,搞得我一头雾水,

按照网上教程先git clone,在npm i,再npm run build 报错

mac 安装最新 vue-devtools不跳坑_第1张图片

 

功夫不负有心人,果然还是有志同道合之士,原因就是clone下来的项目不在master分支

 

mac 安装最新 vue-devtools不跳坑_第2张图片

git checkout master切换到 主分支

npm i 安装依赖 或者用淘宝镜像安装快一些 npm install --registry=https://registry.npm.taobao.org 

npm run build 再进行构建 出现以下界面即成功

mac 安装最新 vue-devtools不跳坑_第3张图片

然后在Chrome 更多工具》扩展程序中,打开开发者模式,选择加载已经解压的扩展程序 路径如下,就是刚编译的项目

mac 安装最新 vue-devtools不跳坑_第4张图片

成功后

mac 安装最新 vue-devtools不跳坑_第5张图片

参考:

https://blog.csdn.net/TZJD89/article/details/104372238

https://www.jianshu.com/p/aa52a50a7ef1

 

你可能感兴趣的:(VUE)