1.下载devtools,如果没有安装git,请直接访问https://github.com/vuejs/vue-devtools手动下载
git clone https://github.com/vuejs/vue-devtools
2.下载完成之后解压,目录结构如下:
3.使用yarn install 或 npm install 或 cnpm install安装依赖(进入当前目录下使用命令)
4.下载完成之后,修改manifest.json文件,把"persistent":false改成true
5.编译代码:yarn run build 或 npm run build
6.扩展Chrome插件
Chrome浏览器 > 更多程序 > 拓展程序
点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图
7.打开浏览器控制台看到vue说明安装成功了(PS:vue项目下才能看到)
8.温情提示:
1.vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的
2.安装后, 需要关闭浏览器, 再重新打开, 才能使用