安装vue-devtools以及遇到的问题


从github上拉取vue-devtools。地址https://github.com/vuejs/vue-devtools

拉取到本地之后,编辑器打开,建议不要使用npm install,然后npm run build(因为npm build时可能会报错找不到webpack模块,我查了下很多大佬提供了解决办法,由于我用下面的安装方法,很快就安装好了,所以推荐用yarn啊)(主要是我依然不会解决用npm build会报错的问题呀)

终端输入yarn install,然后yarn build(这里可能会一直卡在building fresh packages下载)

注意:这里可能一直卡在building fresh packages下载,遇到这种情况的解决办法是将C:\Users\Lenovo\.yarnrc里面修改成下面这样就欧克啦

registry "https://registry.npm.taobao.org"
electron_mirror "https://npm.taobao.org/mirrors/electron/"

再试试yarn build是不是很快就bulid完成了,之后就简单了

打开chrome的扩展工具(chrome://extensions/),检查是否处于开发者模式(不是就切换到开发者模式),点击加载已解压的扩展程序,选择vue-devtools\packages\shell-chrome文件夹就大功告成了。

什么?你打开开发者工具之后没有找到vue,那么重启浏览器,并打开一个vue程序之后,就能看到开发者工具element那一栏后面就有个vue了,现在可以使用vue-devtools对vue程序进行调试了。

 有不对的地方,还望大佬指教,有待补充改正。

大佬如果知道如何解决npm build会报错的问题,欢迎指教啊


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM