vue开启生产模式是用不了的

1 必须放到服务器
2 使用vue.js
3 重启调试面板

我也遇到这个问题，我是这样解决的：

1. 打开chrome的设置-》扩展程序

2. 勾选Vue.js devtools的允许访问文件网址

扩展程序去设置

只要是启动了vue的项目他就点亮这个图标了，很有趣

刷新~按F12就出来了~之前还看到有人说改代码，发现其实不用的

不能使用有2种情况

Important Usage Notes

If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.

To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.
vue-devtools/README.md

大概翻译一下就是，

• 如果用了production/minified的vue，devtools的选项是默认关闭的所以没法用

• 如果页面是要用file://打开，需要到chrome设置->扩展应用->把“允许访问文件网址”的选项打开，才能读取到内容使用

谢谢大家的回答，我直接引用vue.js文件，不能使用。使用官网提供的脚手架开发就可以了。