mac 给chrome 安装 vue-devtolls

首先，去GitHub 上 克隆一下。github 上地址：https://github.com/vuejs/vue-devtools

克隆到本地后。

进入 下载文件的vue-devtools 文件夹

1. 使用命令,下载依赖： npm install

2. 编译文件： npm run build

3. 修改manifest.json 文件

    这个文件在 vue-devtools/shells/chrome 下

    将 “persistent” 改为true

4. 放置编译好的vue-devtools 文件夹

    最好放置到chrome 中插件默认放置的路径。这个路径，可以在chrome 中查到，chrome 地址栏，输入：chrome://version/

   然后版本信息中，个人资料路径 下面的 Extensions 就是。

   cp -r ~/Desktop/vue-devtoll/vue-devtools ../Extensions

5. 将文件夹添加至chrome 浏览器

    在chrome 地址栏，输入  chrome://extensions/

    然后点击，加载已解压的扩展程序。选择vue-devtools/shells 下的 chrome 文件夹

     

    选择即可。

出现下图，表示完成啦。

    

以上，是安装了。但是，在调试的时候，并没有什么用。vue 面版要么是空，要么就找不到vue 面板。心累。

还是翻墙去chrome 应用商店下载简单省事 ！

翻墙下载，安装，半小时搞定，yeah！