Mac系统下Vue.js Chrome调试器vue-devtools安装

一种，下载资源，自己执行命令制作插件包

1.下载Vue-Devtools资源vue-devtools,解压后终端进入到根目录（cd + 文件夹根目录路径）

2.运行npm install(前提安装node和npm，一般node官网下载node安装包安装成功后npm也会安装了)，因为网络原因可能npm install时间较长或者不成功，可执行npm install -g cnpm --registry=https://registry.npm.taobao.org换成淘宝镜像，然后运行cnpm -v确认cnpm是否安装成功

3.确认安装成功后再次运行cnpm install，成功安装所有依赖包后，执行cnpm run build将该源码打包成Chrome可使用的插件格式，生成的文件在当前文件夹下shells/chrome目录下

4.打开Chrome浏览器，地址栏输入chrome://extensions打开扩展程序页或者command+,打开偏好设置页找到左上角设置>扩展程序打开扩展程序页，注意页面右上角要勾选开发者模式，然后点击加载已解压的扩展程序按钮，选择制作生成好的插件包即可，如下图

截屏

二种，下载经npm相关命令处理好的插件包

1.下载已经经过npm处理好的devtools工具Vue-Devtools-
2.打开Chrome浏览器，地址栏输入chrome://extensions打开扩展程序页或者command+,打开偏好设置页找到左上角设置>扩展程序打开扩展程序页，注意页面右上角要勾选开发者模式，然后点击加载已解压的扩展程序按钮，选择下载的插件包即可，加载成功后当前页面会显示Vue-Devtools插件

截屏