mac安装vue-devtools

1.到github下载vue-devtools 的压缩包

git clone -b add-remote-devtools https://github.com/vuejs/vue-devtools.git

2.在vue-devtools目录下安装依赖包

 

cd vue-devtools

sudo npm install

然后输入电脑密码(加上sudo为了避免权限问题部分依赖无法安装）

3.修改manifest.json文件

1. 进入vue-devtools-dev文件夹下的shells -> chrome -> manifest.json 
2. 把"persistent":false改成true

 

 4.编译npm run build

 

5.添加至谷歌浏览器

• 打开chrome浏览器的扩展程序页面，可通过以下方式进入页面：

        1、谷歌浏览器-->设置-->拓展程序-->打开“开发者模式”

         2、浏览器输入地址： chrome://extensions/-->打开“开发者模式”

• 添加拓展程序vue-devtools

1. 将chrome文件（vue-devtools -> shells -> chrome）直接拖进去即可。
2. 点击“加载已解压的拓展程序”，选择vue-devtool中的chrome文件夹，成功看见如下界面：

 

搞定~~