有时候我们明明打开了devtool设置为true,并按chrome上安装了vueTool后,发现还是没有在控制台里显示vue的tool等问题
1、如果是没有安装vueTool,可以到chrome的扩展里面选择并安装
如果是没有科学上W的话可以github上手动down下仓库来安装
git clone https://github.com/vuejs/vue-devtools
cd vue-devtools
npm install
npm run build
然后就是扩展Chrome插件
打开Chrome浏览器 >选择更多工具>扩展程序>打开开发者模式
点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹,选择 vue-devtools > shells > chrome 放入, 安装成功如上面的图1
下方是可能可以看到vueTool了,但是在控制台就是出不来的情况
2、检查下vue.config.js的devtool是否打开,默认是true,看看是不是在非生产环境也设置为false了
3、检查看看是否有手动启用CDN加速Vuejs的文件,按官网说的,我们开发环境也需要使用开发版本的vuejs,否则很多警告就会不生效,比如props的校验器等
//cn.vuejs.org/js/vue.js
检查public.html的vuejs引用(如果是按脚手架的则无需关注)
确认以上问题以后,我们重新安装依赖并且重新跑脚手架编译。