Vue devTools的安装（亲测好用）

深碍√TFBOYSˉ_ 2023-02-14 15:44 37阅读 0赞

现在网上大多的Vue devTools的安装教程都不能用，折腾了一下午，终于搞好了

1. Vue devTools的下载地址：[https://github.com/vuejs/vue-devtools][https_github.com_vuejs_vue-devtools]

选择红框中的点击下载![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQzNjE4MjI_size_16_color_FFFFFF_t_70][]

2. 下载解压好后，打开cmd进入解压后的vue-devtools文件夹

3. 输入以下代码，切换到淘宝镜像

yarn config set registry https://registry.npm.taobao.org/

4. 按步骤执行以下代码

yarn install

yarn run build

5. 执行成功后打开vue-devtools下的packages文件夹下的shell-chrome文件夹，选择manifest.json文件，打开后修改persistent值为true

6. 打开谷歌浏览器，进入扩展程序页面，打开右上角的开发者模式，点击左上角“加载已解压的扩展程序”按钮，选择vue-devtools下的packages文件夹下的shell-chrome文件夹，点击确定，至此，插件安装完成。

7. 运行自己本地的vue程序，即可使用vue-devtools插件啦！

以上方法，亲测好用，希望大家能少走弯路。

[https_github.com_vuejs_vue-devtools]: https://github.com/vuejs/vue-devtools
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQzNjE4MjI_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200603162213930.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQzNjE4MjI=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关浏览器：好用的浏览器插件，亲测好用

插件一、CSDN，推荐指数五颗星，强烈推荐 ![fe715ed0a0a2405586cd538d91ef4aab.png][] 说明：超级好用的浏览器桌面，功能强大，操作简

朴灿烈づ我的快乐病毒、/ 2024年03月23日 10:49/ 0 赞/ 98 阅读

相关 Maven安装和下载以及镜像配置(亲测，绝对好用!)

其他资源 1.MavenRepository[:Maven Repository: Search/Browse/Explore (mvnrepository.com)][

我不是女神ヾ/ 2023年10月12日 10:17/ 0 赞/ 37 阅读

相关 Vue devTools的安装（亲测好用）

现在网上大多的Vue devTools的安装教程都不能用，折腾了一下午，终于搞好了 1. Vue devTools的下载地址：[https://github.com/vuej

深碍√TFBOYSˉ_/ 2023年02月14日 15:44/ 0 赞/ 38 阅读

相关 VUE 调用PC摄像头,亲测可用

首先声明一下，对于我的博客整理出来的。绝对是我自己亲测测试后有效果的，对于一些大佬说没用什么的，请仔细检查下您的代码！谢谢在当前网页安全的情况下，浏览器会开启 na

末蓝、/ 2022年11月25日 04:29/ 0 赞/ 336 阅读

相关安装Vue Devtools

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 背景 2. 安装步骤 2.1 下载 2.2 安装

港控/mmm°/ 2022年10月04日 15:52/ 0 赞/ 38 阅读

相关亲测好用的商业提案写作工具推荐

写商业提案本就是兜售方案，说服对方，获取信任，接受方案。那，到底该如何说服对方？有什么注意事项？商业提案写作有什么好用的写作工具推荐？从过去写商业提案的过程中总结了几点意见

柔光的暖阳◎/ 2022年09月15日 11:43/ 0 赞/ 252 阅读

相关 glibc 安装教程【亲测好用】

1.首先第一步是下载。 wget http://ftp.gnu.org/pub/gnu/glibc/glibc-2.7.tar.gz 2.解压 3.在glibc-

秒速五厘米/ 2022年04月11日 06:48/ 0 赞/ 3715 阅读

相关安装ACE【亲测】

强烈建议先看官方文档此文章只做为辅助性文章 http://www.dre.vanderbilt.edu/~schmidt/DOC\_ROOT/ACE/ACE-INSTAL

谁践踏了优雅/ 2022年03月20日 04:50/ 0 赞/ 501 阅读

相关亲测好用的redis win10 安装&&开机自启动方法

内容转自经验大佬：https://blog.csdn.net/hkhhkb/article/details/79167880 ========================

朱雀/ 2021年12月12日 11:45/ 0 赞/ 799 阅读

相关 vue-devtools 安装

前言：由于vue是数据驱动的，所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。

阳光穿透心脏的1/2处/ 2021年09月16日 13:08/ 0 赞/ 303 阅读