美文网首页
vue.js的devtools安装

vue.js的devtools安装

作者: 落崖惊风yxy | 来源:发表于2018-02-12 16:39 被阅读0次

关于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

devtools.png
五、打开谷歌浏览器——更多工具——点击扩展程序——在出现的页面中勾选“开发者模式”——点击“加载已解压的扩展程序”——点击加载解压好的包里的C:\vue-devtools-master\shells\chrome
记得加载的是vue-devtools-master\shells\chrome哦。
如果加载的是vue-devtools-master,效果如图:
devtools.png
也就是安装不了、加载失败了。
加载成功会看到下图:
good.png
六、打开vue项目,如果是vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;至此devtools安装完成。

相关文章

网友评论

      本文标题:vue.js的devtools安装

      本文链接:https://www.haomeiwen.com/subject/mxtdtftx.html