vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。
下载地址:链接: https://pan.baidu.com/s/1nPUcbFRCx6r9eoHaQ8rKXA
提取码: p3un
安装:
1、打开chrome,进入设置
2.、进入设置
3.打开开发者模式,将文件拖至页面内
4.这时右上角出现了vue的图标,通过webstrom打开vue项目后,图标变亮,但是报错,控制台没有出现vue调试,原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选:允许访问文件网址
5.进入设置,Vue.js devtools4.1.4devtools的详情信息,勾选允许访问文件网址
7.修改vue的引入
<script src="../dist/vue.js"></script>
8.刷新页面,按下f12,vue控制台出现,安装成功