1、到github主页去下载安装:
git clone https://github.com/vuejs/vue-devtools
2、执行以下命令:
cd vue-devtools (进到当前目录)
npm install (安装依赖包)
npm run bulid (打包)
3、进入chrome浏览器添加扩展程序:
chrome浏览器>> 更多工具>> 扩展程序,进入下图页面:
(1)勾选开发者模式
(2)点击加载已解压的扩展程序(选择地址为:安装路径>> vue-devtools>>shells>>chrome),将chrome文件夹导入
(3)点击确定就能安装成功
5、此时地址栏右侧出现vue的图标,在vue项目下图标变为亮色,能够在开发者工具中进行vue的调试:
但是安装完后点击右上角图标出现Vue.js is detected on this page. Open DevTools and look for the Vue panel.
且
这个栏没有vue(这里有是因为已经解决啦)
然后我们需要在项目的main.js里加一句代码:Vue.config.devtools = true
然后还是不行,
我们还需要去vue-devtools->shells->chrome->manifest.json
把persistent的false改成true