条件相关:
win10系统
chrome浏览器
使用的未压缩版的开发版Vue.js (Vue.js v1.0.26)
是由chrome官方商店安装的插件
http服务器环境下的测试页
Vue.config.devtools 默认就是true
问题描述:
本人前端小菜鸟,最近见vuejs挺火想了解一下,遂下载了开发包来测试一番。由于看见官方提供了调试工具就想试一试,结果发现安装后并不能启用vue的调试器。通过vue tools的官方提示检查了好几次都没有找出问题,求各位大神指点一下,十分感激!下面是官方提示:
NOTES
vue-devtools only works with Vue.js 1.0.0+.
For Vue version < 1.0.16, The devtool will only work with development (non-minified) versions of Vue, because the devtools hooks are stripped in production builds. This also includes builds produced by Webpack and Browserify in production mode.
Vue 1.0.16 and 1.0.17 works with devtools in all cases.
Vue 1.0.18+ devtools hooks are now disabled in production builds by default. However, you can explicitly enable it by setting:Vue.config.devtools = true
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才能看得到。。