vue-devtoos的安装(最easy)
网上百度安装的很多博客都是需要进行安装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.****.net/weixin_38654336/article/details/80790698