vue-devtools安装使用教程

安装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开发项目,终于成功啦,总是走坑整死人昂!


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