Macbook如何安装vue-devtools

Macbook如何安装vue-devtools

为了解决自身容易遗忘,写下这篇,日后忘记可以用得上

1.安装/下载包

新建一个文件夹,进入.
打开终端 ,在终端中输入命令(包比较大,又因为在外网条件下,使用下载会慢很多)

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

若遇到下面的情况,不要慌,大概率是网络问题或其他.这里是提示本次操作被远程挂断了,只需重复一次刚刚的下载操作即可

2.切换到该依赖包下

cd vue-devtools

3.切换分支

注意:这一步操作非常重要,不然会导致后面的扩展程序加载出错

git status //查看状态 默认 Dev 分支
git checkout master //手动切换回 master 分支

4.安装依赖sudo cnpm i

打开并进入vue-devtools文件夹，在终端中进行操作sudo cnpm i

5.编译

npm run build

5.联系

打开谷歌浏览器 >> 扩展程序 >> 加载已解压的扩展程序，选择vue-devtools文件夹下的Chrome文件夹.

6.安装完成

如下图: