Vue调试神器vue-devtools安装

最新推荐文章于 2025-02-25 14:10:27 发布
最新推荐文章于 2025-02-25 14:10:27 发布
阅读量321 收藏
点赞数
分类专栏： Tools 文章标签： vue vue develops chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xcl119xcl/article/details/80219307
版权

前言

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。

手动安装

下载https://download.youkuaiyun.com/download/xcl119xcl/10396345  Chrome插件压缩文件。




Vue - vue-devtools 安装
qq_43612151的博客
02-05 1324
一、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调试神器vue-devtools安装方法
11-29
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装方式 1.chrome商店直接安装： vue-devtools可以从chrome商店直接...
vue - devtools 安装
mon_star°的博客
07-29 1959
vue是现在比较火的一个框架，加上去年vue3的发布，更推动了vue一个层级vue开发项目，自然少不了他的调试工具,这个非常好用，对vue开发者来说，这简直是福音，下面我们一起来看一下他的安装使用吧。方式一：通过 Chrome 应用商店安装简单方便但是需要梯子方式二：通过离线安装包安装方式三：下载源码编译安装。
vue-devtools安装过程
最新发布
太阳与星辰的博客
02-25 864
vue-devtools安装过程
vue-devtools安装
从入门到放弃_nys的博客
03-21 797
记性不好，记录下。 1.下载资源 vue-devtools链接 2.下载到本地后，进入文件夹，cmd安装 npm install 3. 编译 npm run build 4. 添加扩展程序 游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。 /** *如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。 */ 若进行到第3步报错，如下 安装下
Vue调试神器vue-devtools.zip
12-26
而Vue DevTools则是Vue.js开发者的重要辅助工具，它为开发者提供了一套直观、高效的调试环境，使得在Vue应用的开发和调试过程中能快速定位问题、理解组件状态以及优化性能。 Vue Devtools 是一个浏览器扩展程序，...
vue开发调试神器vue-devtools使用详解
08-30
Vue开发调试神器Vue-DevTools使用详解 Vue-DevTools是一款功能强大且实用的开发调试工具，旨在帮助开发者快速高效地调试和优化Vue.js项目。下面将详细介绍Vue-DevTools的使用方法和技巧。 一、下载和安装Vue-...
vue-devtools 安装
weixin_40706251的博客
12-17 129
1、从 git 上克隆 vue-devtools 项目 git clone https://github.com/vuejs/vue-devtools 2、cd 到vue-devtools 目录下，安装依赖 cd vue-devtools npm install // 此处有坑，大概率会失败 ------------------------------------------------- 解决方案 1、切换到 vue-devtools项目 v5.1.0 tag 或者 m.
vue-devtools的安装
mengran_code的博客
09-24 328
(前提是安装了node)。新建一个文件夹，然后执行。工程，就能在控制台看到。谷歌浏览器的扩展程序。
vue-DEVTOOLS浏览器直接安装
03-08
vue-DEVTOOLS浏览器直接安装。查看过很多博客大多数都是，要安装Vue-Devtools，在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。然后呢，你就要用npm进行install，然后再npm install build。所以这意味着你又要去找npm来装，你会发现，最简便的方法就是下一个集成的node.js。一番辛苦了之后，你就会发现npm安装好了之后，npm install build又会出现一大串的问题。请问哪有那么多时间去google，baidu这些问题？ 该文件可以直接在google中扩展安装。不用再去npm了。一秒完成
vue-devtools(chrome vue 调试插件)
12-02
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
vue项目谷歌调试插件
10-31
vue调试插件，主要用于在浏览器中对vue项目进行调试。下载后解压，打开浏览器输入chrome://extensions/，然后将文件拖入浏览器中就ok了。
vue 浏览器调试插件 vue-devtools V6.5.0
09-21
浏览器打开扩展管理页面，将文件拖拽进入浏览器这个页面即可进行安装
vue-devtools的安装与使用
热门推荐
weixin_43843572的博客
05-26 8万+
vue-devtools的安装与使用
Vue 安装 vue-devtools-dev
好好学习 天天向上
08-13 725
下载地址：https://github.com/vuejs/vue-devtools Clone this repo cd vue-devtools the newly created folder run yarn install then run yarn run build Open the Chrome extension page (currently under Menu > More Tools > Extensions) Check “developer mode” on th
vue调试工具vue-devtools的安装
yuwenwenwenwenyu的博客
03-08 556
Vue调试工具vue-devtools的安装 安装步骤 1.下载代码，切换到master分支 git clone https://github.com/vuejs/vue-devtools.git cd vue-dev-tools git checkout master 2.安装依赖，成功之后打包 npm install npm run build 3.build成功的项目在shells目录下的chrome文件夹，如下图： 4.打开Chrome浏览器 >选择更多工具>扩展程序 >打开
Vue小插曲之Vue-devtools的安装
zhuzhunvhai的博客
03-21 257
简单粗暴式安装 打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》加载已解压的扩展程序—》选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！ 我已经把相关文档放在了百度网盘上链接： https://pan.baidu.com/s/1ni8sRfjKUUbHOJUkMf2vSQ 提取码：7tt2 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xcl119xxcl

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值