Vue调试工具安装（vue devtools）

最新推荐文章于 2024-06-21 10:25:22 发布
最新推荐文章于 2024-06-21 10:25:22 发布
阅读量1.2k 收藏 6
点赞数 3
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITCSDN_/article/details/107966862
版权
本文详细介绍了如何安装Vue调试工具vue-devtools，包括从GitHub下载源码、设置npm镜像、编译源程序、修改manifest.json文件、在Chrome中安装扩展以及测试工具的使用步骤。
摘要由CSDN通过智能技术生成

Vue调试工具安装（vue devtools）

第一步：下载源码

在github下载devtools源码，地址：
https://github.com/vuejs/vue-devtools

在这里插入图片描述

第二步：执行命令

  下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。
在这里插入图片描述
在这里插入图片描述
cmd回车后进入到vue devtools的安装目录下。
在这里插入图片描述
 先查看一下registry:
npm congfig get registry
 结果为 ：

最低0.47元/天 解锁文章
楠哥学IT
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue调试工具
10-17
vue的调试工具,自己的笔记而已
vue调试工具vue-devtools安装及使用方法
12-12
在开发过程中，为了提高效率和精确调试，Vue 提供了一个强大的调试工具——Vue DevTools。这款工具允许开发者深入查看 Vue 应用的状态，包括组件树、数据、计算属性、依赖关系等。下面我们将详细介绍 Vue Devtools ...
vue-devtools安装
从入门到放弃_nys的博客
03-21 758
记性不好，记录下。 1.下载资源 vue-devtools链接 2.下载到本地后，进入文件夹，cmd安装 npm install 3. 编译 npm run build 4. 添加扩展程序 游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。 /** *如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。 */ 若进行到第3步报错，如下 安装下
Vue DevTools
最新发布
Vinca@的博客
06-21 1850
当你开发 Vue 应用时，Vue DevTools 是一个非常有用的工具，可以帮助你调试、监控和优化你的应用。本文将全面介绍 Vue DevTools 的功能和用法，并提供了一种通过 vue3 快捷安装命令一键安装 Vue DevTools 的方法。此外，还将介绍如何在 VS Code 中使用 Vue DevTools，帮助你更高效地开发 Vue 项目。
vue-devtools的安装
chenhaiy的博客
03-25 9666
vue-devtools的安装 vue-devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。前端开发工程师应该比较熟悉这款工具，可以边侧边栏窗格中的页面，边检查代码。由于vue是数据驱动的，所以就会存在在开发调试中查看DOM结构并不能看到我们想看到的内容，那么借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。 本文重点介绍vue-devtools安装方法，提供chrome插件直接安装方法。接下来
vue devtools的安装
weixin_45849417的博客
02-16 328
vue devtools
Vue - vue-devtools 安装
qq_43612151的博客
02-05 1036
一、vue-devtools仓库地址 https://github.com/vuejs/vue-devtools.git 二、把仓库clone到本地打包 （1）git clone https://github.com/vuejs/vue-devtools.git （2）cd vue-devtools （3）非常重要的一步，确认是否在master分支，没有就切换到master分支 （4）npm i 安装依赖模块 （5）npm run build 打包 （6）在chrome的地址栏中输 chrome://ext
vue最新devtools，vue3的调试工具
10-27
Vue Devtools 为此提供了专门的检查和调试工具，可以查看组件的setup函数以及使用到的ref和reactive对象。通过这些工具，开发者可以清晰地看到数据的依赖关系，以及组件内部的状态变化。 此外，Vue 3中的Teleport...
Vue DevTools调试工具的使用
11-27
- 如果你不想手动修正Vue DevTools，可以下载已经修正好的版本，例如文中的`vueDevTools(可监测修正版).zip`，解压缩后按照上述步骤加载到Chrome中。 总之，Vue DevTools是Vue开发者的重要辅助工具，通过正确安装...
前端 Vue 调试工具Vue.js Devtools，浏览器调试Vue项目
03-22
用于在开发Vue项目时在浏览器进行调试，方便开发，清晰开发。ue.js Devtools 是专为 Vue.js 开发者 设计的浏览器插件，它提供了丰富的功能，帮助开发者更轻松地调试、分析和优化 Vue.js 应用。
安装vue调试工具
weixin_46435234的博客
04-30 302
Vue调试工具下载地址：[https://github.com/vuejs/vue-devtools](https://github.com/vuejs/vue-devtools) 国内有时无法访问github， 我已上传到我的网盘： 链接：https://pan.baidu.com/s/1NrRkJQ-F0ZFEcmI0hLFhqw 提取码：6zhc 复制这段内容后打开百度网盘手机App，操作更方便哦 解压下载好的文件，进入到vue-devtools目录，安装项目所需要的依赖包。 安装方法：npm in
vue调试工具vue-devtools安装及使用
前端小狮的博客
07-11 3558
vue调试工具vue-devtools安装及使用 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools //下载太慢的话可直接去这个地址 下载压缩包...
Vue调试神器vue-devtools安装
盏茶作酒的博客
04-20 258
前言 vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 手动安装 第一步：找到vue-devtools的gi...
Vue调试工具的安装
m0_53415205的博客
02-04 2969
Vue调试工具的安装 第一种方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、点击右上角按钮，勾选开发者模式 3、点击“加载已解压的扩展程序”按钮，选择解压后的chrome文件夹，或直接将解压文件拖入窗口，即可添加成功。 4、添加完vue-devtools扩展程序之后，浏览器打开vue项目便可调试， 安装包链接：https://pan.baidu.com/s/1WmYbIKMkXy9fKSQcD2hdsQ 提取码：poz7 第二种方法： 1.http
Vue 调试工具 安装教程（无脑安装）
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
01-19 747
在谷歌商店里搜索Vue.js devtools 将其添加至Chrome 添加后即可在扩展程序中查看 并将其开启 将其在页面中显示出来 如果需要在自己写的文件中使用则可以设置允许访问文件网址 最后我们就以在访问自己的文件网址的情况下使用Vue的调试工具了 自我激励 古之立大事者，不惟有超世之才，亦必有坚韧不拔之志。 ...
安装vue-devtools
sinat_29009169的博客
05-07 708
1.现根据这篇文章 https://segmentfault.com/a/1190000009682735?utm_source=tag-newest 2.crx安装不了按照这篇文章做 https://blog.csdn.net/yingzi10101118/article/details/84938585
vue devtools安装
weixin_39520640的博客
03-24 165
1、到github下载：https://github.com/vuejs/vue-devtools 2、在vue-devtools目录下安装依赖包： npm i 3、修改shells->chrome->manifest.json文件 把"persistent":false改成true 4、打包 npm run build 5、打开谷歌浏览器，设置—>扩展程序，勾选开发者模式...
Vue调试工具vue-devtools的安装
08-05
要安装Vue调试工具vue-devtools，可以按照以下步骤进行操作： 1. 首先，你需要在Chrome浏览器中安装Vue Devtools插件。你可以在Chrome网上应用商店中搜索"Vue Devtools"，然后点击"添加至Chrome"按钮进行安装。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值