安装好dev-tools
导致控制台不显示的原因:
- 使用的vue压缩版本 vue.min.js。
- 配置问题导致
1.查看public/index.html中引用的vue是否为压缩版本(vue.min.js)。
需要把压缩版换成vue.js
<% if (process.env.NODE_ENV === 'production') { %>
<script src="<%= BASE_URL %>cdn/vue/2.6.10/vue.min.js" charset="utf-8"></script>
<% } else { %>
<script src="<%= BASE_URL %>cdn/vue/2.6.10/vue.js" charset="utf-8"></script>
<% }%>
-
修改下扩展程序的配置:
2.1 设置-扩展程序-管理扩展程序-找到Vue.js devtools。
2.2 点击详情
2.3 打开-允许访问文件网址。
2.4 有权访问的网站:设置成再在所有网站上。