最新解决Vue-Devtools工具的安装方法

最新推荐文章于 2024-05-07 09:31:15 发布

VGtime

最新推荐文章于 2024-05-07 09:31:15 发布

阅读量1.5k

点赞数 1

分类专栏： Vue 文章标签： vue.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/JKR10000/article/details/109449609

版权

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

进入Vue官方文档网站：https://cn.vuejs.org/v2/guide

在这里插入图片描述

来到github主页，复制如下地址

在这里插入图片描述

任意在电脑上新建一个文件夹，在此处打开git Bush（电脑中须提前安装git）

在这里插入图片描述

把刚才复制的仓库地址的文件克隆到本地，注意，这里要克隆v5.1.1版本的 （键盘shift + ins 可以粘贴刚才复制的地址）

在这里插入图片描述

需要等待一定时间，如下代表克隆完成

在这里插入图片描述

进入该文件夹，看到如下视图

在这里插入图片描述

接着按住键盘shift键，右键鼠标打开powershell窗口，输入npm install回车（这里需要提前安装Node.js，其会给我们提供npm工具）

在这里插入图片描述

没出现红色错误代表一切正常，紧接着输入npm run build回车

在这里插入图片描述

成功界面

在这里插入图片描述

进入shells文件夹

在这里插入图片描述

进入chrome文件夹

在这里插入图片描述

找到manifest.json文件进入（可用记事本打开）

在这里插入图片描述

接着来到谷歌浏览器，打开扩展页面

在这里插入图片描述

打开开发者模式，再点击已加载的扩展程序

在这里插入图片描述

找到chrome文件夹选中再点右下角选择文件夹打开

在这里插入图片描述

完成

ps：如果第一次没生效重启浏览器即可

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
最新解决Vue-Devtools工具的安装方法

进入Vue官方文档网站：https://cn.vuejs.org/v2/guide来到github主页，复制如下地址任意在电脑上新建一个文件夹，在此处打开git Bush（电脑中须提前安装git）把刚才复制的仓库地址的文件克隆到本地，注意，这里要克隆v5.1.1版本的需要等待一定时间，如下代表克隆完成进入该文件夹，看到如下视图接着按住键盘shift键，右键鼠标打开powershell窗口，输入npm install回车（这里需要提前安装Node..
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。