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文件
- 进入vue-devtools-dev文件夹下的shells -> chrome -> manifest.json
- 把"persistent":false改成true
4.编译npm run build
5.添加至谷歌浏览器
- 打开chrome浏览器的扩展程序页面,可通过以下方式进入页面:
1、谷歌浏览器-->设置-->拓展程序-->打开“开发者模式”
2、浏览器输入地址: chrome://extensions/-->打开“开发者模式”
- 添加拓展程序vue-devtools
- 将chrome文件(vue-devtools -> shells -> chrome)直接拖进去即可。
- 点击“加载已解压的拓展程序”,选择vue-devtool中的chrome文件夹,成功看见如下界面:
搞定~~