vue-devtoos的安装(最easy)

本文介绍了如何简单快捷地安装Vue调试工具Vue-devtools,避免了繁琐的npm安装和配置过程,只需克隆或下载预配置的源码,然后在Chrome扩展程序中加载解压的文件夹,就能成功启用Vue-devtools。对于某些情况下的Vue.min.js文件,需要改为非压缩版Vue.js以支持调试。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       网上百度安装的很多博客都是需要进行安装Vue-devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件,然后运行命令 npm install下载依赖包,再运行命令npm install build 然后再修改配置文件,但是这一过程看似简单,但是往往在npm install的时候好不容易解决了问题。在npm runbuild的时候又出来一堆的bug,太惨了,然后各种百度也解决不了,导致崩溃,引发了各种不愉快,我就是最好的例子,为了弄这个浪费了大量时间build的时候总是出错,还说我node版本太低,导致我把node卸载再安装,导致报错,再导致所有项目运行不起来,各种错 ,无论我怎么重新配置前端环境都不行,最后把电脑系统还原,一切从零开始,这一切的始作俑者就是安装这个Vue-dev-tools
      Oh My God,我们只想简单的安装一个vue调试工具而已,怎么这么麻烦and头疼,不要急,看这里,Look At Here:

       这里有一个已经配置好源码,npm也都处理好了,当然不是我处理的, 是一个大佬,我把链接放下来:点击这里的链接  把源码克隆或者下载下来即可

      之后打开chrome浏览器,在地址栏输入地址chrome://extensions/ ,点击加载已解压的扩展程序
在这里插入图片描述
    如果没有,记得打开右边开发者模式的按钮即可
在这里插入图片描述
      点击加载已解压的扩展程序,选择之前下载的文件夹选择chrome文件夹,点击确定即可
在这里插入图片描述
      然后会出来一个这样的带有vue的标志的东西
在这里插入图片描述
然后随便运行一个vue项目,打开F12,就会出现vue选项和标志,嗯这样就成功了,但是此时会有很多人F12之后依然在调试界面看不到Vue,有可能是因为你写的程序引用的vue文件是一个vue.min.js文件,是个压缩文件,这个压缩文件是默认不支持调试的,具体怎么调支持调试就请自行baidu吧!这里只需要把你引入的文件的源码,编程Vue.js的就行,不要压缩版的。如果还不行,可以尝试下关闭浏览器再打试试
在这里插入图片描述

是不是很esay,很开心,早知道这样,该省了多少时间和精力丫!!!!!

原文链接:https://blog.youkuaiyun.com/weixin_38654336/article/details/80790698

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值