通过chrome插件vuedev tools检查,发现初始界面About可以成功挂载,但是嵌套的login和register挂载失败,也就是说没有显示routerview,建议重启软件。Vuejs的VueTool工具打开失败的解决方案,有时候,我们明明打开了devtool并设置为true,按下chrome安装vueTool之后,却发现vue的工具仍然没有显示在控制台中,1.如果没有安装vueTool,可以选择安装在chrome的扩展中,如果没有科学W,可以手动从github下载安装,然后扩展Chrome-0。
作为前端开发者,最常用的浏览器是Chrome。作为一个非常依赖Chrome的人,为了提高平时开发过程中,尤其是前端开发过程中的工作体验,我把我使用的扩展推荐给大家。以下是我浏览器中的所有扩展,下面可能会重点介绍一些,但也有一些不算太多。这是我用的比较重的一个插件,为我的开发提供了非常方便的功能。从名字就能看出来,ClearCache,缓存清理,为什么我说它好用?请看下面的截图。我们都知道前端开发经常会触及浏览器缓存。为了避免缓存对我们开发调试的影响,我们通常会选择清理。虽然可以使用浏览器自带的快速清理,但是不够方便。这个插件可以一键处理,还提供了时间段内清理缓存的设置和是否自动刷新配置的设置。屏幕截图还提供了浏览器数据,它可以选择清理。
有时候我们明明打开devtool设置为true,按chrome安装vueTool,还是发现控制台里没有显示vue的工具。1.如果没有安装-2,可以选择安装在chrome的扩展中。如果没有科学W,可以在github上手动下仓安装,然后扩展Chrome 插件打开Chrome浏览器>选择更多工具>扩展>打开开发者模式点击加载解压后的扩展。
如果安装成功,如上图1所示,你可能会在底部看到vueTool,但是在控制台上无法取出。2.检查vue.config.js的devtool是否打开,默认为真。看看在非生产环境中是否也设置为false。3.查看是否有手动启用CDN加速Vuejs的文件。据官网介绍,我们的开发环境还需要使用vuejs的开发版本,否则很多警告都不会生效,比如道具的验证者等。查public.html的vuejs参考(如果按了,