首页 > 其他 > 详细

vue-devtools安装使用教程

时间:2020-08-25 14:45:05      阅读:73      评论:0      收藏:0      [点我收藏+]

安装vue-devtools的时候最容易走的一个坑,直接按照别人教程安装、或者直接进github克隆,此时克隆的是dev测试分支,所以后面一直安装不上。此时可以进入master主分支克隆,或者输入以下地址克隆(建议)

克隆地址:git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

1、在其他盘新建一个文件夹,打开git bash命令行输入 git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

2、下载完成后在vue-devtools文件夹下,shift+鼠标右键打开powershell窗口,输入npm install,安装了淘宝镜像可以cnpm install 速度更快

3、在vue-devtools/shells/chrome下找到mainfest.json文件打开,并将persistent的值改为true

?4、运行指令:npm run build(记得要运行)否则chrome会报无法加载背景脚本“build/background.js”错误

5、在将chrome文件夹拖入谷歌浏览器扩展程序中

 

 

作用:在谷歌浏览器中添加扩展程序后,会提示网站是否基于Vue构建,并且控制台有Vue调试工具,便于我们使用Vue开发项目,终于成功啦,总是走坑整死人昂!

 


 

 

vue-devtools安装使用教程

原文:https://www.cnblogs.com/q582141490/p/13554381.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!