vue调试工具vue-devtools安装及使用说明
作者：AC_meimei
该文章主要介绍了如何安装和配置Vue Devtools扩展,首先需要克onole 克隆工具包代码并安装相关依赖,接着需要修改 persistent 字段的值为 true 幄节约安装时间,然后在 Chrome 浏览器中打开扩展程序设置,最后上传并检查安装是否成功,出现相应图标即表示安装完成
一、先克隆工具包代码
https://gitcode.net/mirrors/vuejs/vue-devtools.git
二、安装
1、安装 yarn 和 镜像
为了节约安装时间：
1️⃣ npm install -g yarn 2️⃣ yarn config set registry https://registry.npm.taobao.org --global 3️⃣ yarn config set disturl https://npm.taobao.org/dist --global 4️⃣ yarn config get registry
2、在vue-devtools目录下打开cmd
1️⃣ yarn install 2️⃣ yarn run build
3、全局搜索persistent字段
把 "persistent":false 改成 true。
4、打开Chrome浏览
打开扩展程序(右上角4个点—>更多工具—>扩展程序—>打开开发者模式开关)。
(1)第一步：
(2)第二步：
(3)第三步：上传后显示这个弹窗,说明安装成功了，可以正常使用了。
注意：如果没有出现下面这图标，可以关闭浏览器重新打开就有了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。