Mac安装google谷歌浏览器的调试工具vue-devtool

步骤一：新建目录vue-devtools插件，用于存放下载的插件。

image.png

步骤二：打开终端，进入步骤一的目录

cd Desktop/vue-devtools插件

image.png

步骤三：将github上的vue-devtools克隆到新建的目录,

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

image.png

步骤四：进入vue-devtools目录。强烈注意：（后续的步骤【安装依赖+打包】一定要在vue-devtools目录操作，否则就会报错）

image.png

步骤五：安装依赖

image.png

步骤六：打包

image.png

步骤七：打开google浏览器，输入chrome://extensions/，进入扩展程序界面，并打开开发者模式。

image.png

步骤八：加载已解压的扩展程序，找到vue-devtools插件-》vue-devtools-》shells-》chrome-》，然后确认选择。

image.png

步骤九：加载已解压的扩展程序中出现了vue-devtools插件信息

image.png

步骤十：打开vue网页，可以看到出现了vue选项卡

image.png