Vuejs的VueTool工具开启失败解决方案

Posted 2023-04-05

参考技术A 有时候我们明明打开了devtool设置为true，并按chrome上安装了vueTool后，发现还是没有在控制台里显示vue的tool等问题

1、如果是没有安装vueTool，可以到chrome的扩展里面选择并安装

如果是没有科学上W的话可以github上手动down下仓库来安装

然后就是扩展Chrome插件

打开Chrome浏览器 >选择更多工具>扩展程序>打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹，选择 vue-devtools > shells > chrome 放入, 安装成功如上面的图1

下方是可能可以看到vueTool了，但是在控制台就是出不来的情况

2、检查下vue.config.js的devtool是否打开，默认是true，看看是不是在非生产环境也设置为false了

3、检查看看是否有手动启用CDN加速Vuejs的文件，按官网说的，我们开发环境也需要使用开发版本的vuejs，否则很多警告就会不生效，比如props的校验器等

检查public.html的vuejs引用(如果是按脚手架的则无需关注)

确认以上问题以后，我们重新安装依赖并且重新跑脚手架编译。

开启Centos网卡失败的解决办法

虚拟机安装了Centos，使用ip addr命令查看网卡，但是ens33没有ip地址，按照网上说的，修改ens33网卡的配置文件：

vi /etc/sysconfig/network-scripts/ifcfg-ens33，

将ONBOOT=no改成ONBOOT=yes，

重启网络服务： sudo service network restart，

但是还是开启网卡失败。

最后尝试发现原来虚拟机配置里的网络连接要使用NAT模式，才可开启网卡（有ip地址）。