mac电脑安装vue-devtools-master的步骤

mac电脑安装vue-devtools-master的步骤（作为自己安装记录，也希望能帮到其他人）

1、安装brew（参考地址：https://zhuanlan.zhihu.com/p/111014448）

安装脚本：

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

卸载脚本：

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh)"

2、安装npm

执行命令行brew install node安装node。执行npm -v即可看到安装好的npm版本

3、安装cnpm

npm install cnpm -g --registry=https://registry.npm.taobao.org

4、github下载vue-devtool到本地（以下步骤大部分来自：https://www.cnblogs.com/yuwenjing0727/p/13176651.html）

下载地址https://github.com/vuejs/vue-devtools#vue-devtools

注意，下载的时候默认的是在dev分支，要切换到master，然后克隆到本地。

5、将下载的项目文件放入 Chrome浏览器的插件文件夹

在浏览器地址栏输入chrome://version/

找到路径之后，可以在访达工具栏”前往“中直接输入文件地址

6、在default文件夹下新建Extensions文件夹(已经存在就不用新建了)

并且将下载的vue-devtool-master文件夹复制进去，

控制台输入：（注意：cd后有个空格）

cd 

把vue-devtools-master文件夹拖入到cd 后面，回车

7、在vue-devtools-master目录下，安装依赖

sudo cnpm i

npm install

npm run build

8、修改mainifest.json文件

修改mainifest.json文件中的persistent：false，修改成persistent：true

8、安装插件

在地址栏输入chrome://extensions,打开右侧开发者模式
将vue-devtools-master/shells/chrome文件夹拖入扩展程序页面即可

本文参考：

https://zhuanlan.zhihu.com/p/111014448
https://www.cnblogs.com/yuwenjing0727/p/13176651.html
https://blog.csdn.net/zhanglijiang_2017/article/details/106125847
https://www.cnblogs.com/zmdComeOn/p/11543441.html