1.Mac中chrome下手动安装vue-devtools-dev

1.下载Github源文件 vue-devtools-dev

https://github.com/vuejs/vue-devtools#vue-devtools

2.打开终端，切换到vue-devtools-dev文件夹所在目录：

cd Desktop/vue-devtools-dev

3.安装所需npm依赖包，这里建议用国内淘宝的镜像：

链接: link.

安装好cnpm后，在终端里安装所需npm依赖包：

cnpm install

4.编译文件：

cnpm run build

5.放置编译配置好的vue-devtools-dev文件夹——推荐将文件夹放到浏览器插件文件夹中，Mac中chrome插件默认安装目录位置为：

~/Library/Application Support/Google/Chrome/Default/Extensions

可以通过地址栏输入chrome:version 回车，用资源管理器打开"个人资料路径"栏的路径,该路径下的Extensions文件夹即默认的扩展安装路径。

快捷打开finder中文件夹位置：复制个人资料路径，打开finder，command+shift+g，定位到default文件夹，将vue-devtools-dev文件夹移动到里面。

6.进入到vue-devtools-dev/shells/chrome文件夹，会看到manifest.json文件，修改persistent为true。

7.打开谷歌浏览器的设置—>扩展程序，并勾选开发者模式。(这一步很重要)

8.然后将刚刚编译后的工程中的shells目录下，chrome的整个文件夹直接拖拽到当前浏览器中，并选择启用，即可将插件安装到浏览器。