[JavaScript知识库]mac安装vue-devtools

1.到github下载vue-devtools 的压缩包

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

2.在vue-devtools目录下安装依赖包

?

cd vue-devtools

sudo npm install

然后输入电脑密码(加上sudo为了避免权限问题部分依赖无法安装）

3.修改manifest.json文件

1. 进入vue-devtools-dev文件夹下的shells -> chrome -> manifest.json?
2. 把"persistent":false改成true

?

?4.编译npm run build

?

5.添加至谷歌浏览器

• 打开chrome浏览器的扩展程序页面，可通过以下方式进入页面：

????????1、谷歌浏览器-->设置-->拓展程序-->打开“开发者模式”

?????????2、浏览器输入地址：?chrome://extensions/-->打开“开发者模式”

• 添加拓展程序vue-devtools

1. 将chrome文件（vue-devtools -> shells -> chrome）直接拖进去即可。
2. 点击“加载已解压的拓展程序”，选择vue-devtool中的chrome文件夹，成功看见如下界面：

?

搞定~~