关于devtools安装,可以在chrome商店下载,但是呢要翻墙。并不是每一个人都可以翻墙的哦。
更推荐使用github下载到本地使用npm安装。
一、git上下载压缩包
地址:https://github.com/vuejs/vue-devtools
二、下载压缩包到本地后,解压到某盘,我是解压到c盘的。
三、进入vue-devtools-master,执行npm install ----->npm run build.
如果使用npm安装不好的话,可以换成cnpm,我开始用npm安装就各种报错,换成cnpm就ok了。
四、进入vue-devtools-master\shells\chrome,修改manifest.json 中的persistant为true

五、打开谷歌浏览器——更多工具——点击扩展程序——在出现的页面中勾选“开发者模式”——点击“加载已解压的扩展程序”——点击加载解压好的包里的C:\vue-devtools-master\shells\chrome
记得加载的是vue-devtools-master\shells\chrome哦。
如果加载的是vue-devtools-master,效果如图:

也就是安装不了、加载失败了。
加载成功会看到下图:

六、打开vue项目,如果是vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;至此devtools安装完成。
网友评论