安装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会报错的问题,欢迎指教啊

posted @ 2020-09-18 14:20  小新的蜡笔  阅读(1389)  评论(0编辑  收藏  举报