chrome浏览器手动安装vue-devtools插件

最新推荐文章于 2024-04-13 09:28:38 发布
VIP文章 最新推荐文章于 2024-04-13 09:28:38 发布
阅读量394 收藏 3
点赞数 1
文章标签： vue.js vue-devtools chrome vue 调试 Vue Vue调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxl2454497677/article/details/107186039
版权

不用去github上下载什么的，也是从别人那里获取的资源，网盘分享出去下载安装就行了。

1.网盘提取Vue-Devtools

网盘地址：https://pan.baidu.com/s/1-VbWxZNH8rGA4fRzoBkTSA
提取码：mhdi

2.谷歌浏览器上输入 ‘chrome://extensions/’,并开启右上角的开发者模式。

在这里插入图片描述

3.选择提取文件里的chrome文件夹，面板就会出现

在这里插入图片描述

4.浏览器右上角出现vue的logo并且点亮，如果不是vue项目logo是灰色，F12就可以看到vue调试面板了

最低0.47元/天 解锁文章
折耳鼠
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-devtools(chrome vue 调试插件)
12-02
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
Chrome（谷歌浏览器）安装Vue插件vue-devtools（图文详细教程）
热门推荐
小钻风的博客
03-12 4万+
使用Vue开发项目时，常会用到一款谷歌浏览器插件，vue-devtools 安装成功后，运行本地Vue项目，打开浏览器控制台就如下： 其中可以便捷的查看vueX的数据以及组件结构等，非常方便， 安装步骤如下： 1、首先给大家提供一个git地址，虽然官网也有地址(https://github.com/vuejs/vue-devtools.git)，我认为不太好用 给大家提供另一个git地址： https://gitee.com/zhang_banglong/vue-devtools.git 打开里面就如
Chrome 安装 Vue 插件 vue-devtools
最新发布
qq_44103359的博客
04-13 917
Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面和单页应用程序。Vue 的设计目的是能够灵活地适应开发者的需求，并且易于上手。Vue-devtools 是一个强大的浏览器扩展，它为 Vue 应用程序的开发和调试提供了便利。本文将详细介绍如何在 Chrome 浏览器中安装和使用 Vue 插件 vue-devtools。
Chrome 浏览器安装Vue插件方法 (十分详细)
weixin_33817333的博客
06-21 6466
博主最近在研究Vue，无奈新手想安装Chrome的Vue插件，整理下安装流程： 1.首先去github下载vue.zip文件插件（还有npm安装方法这里就不介绍了自行百度）下载地址：https://github.com/vuejs/vue-devtools 2.下载后解压 3.然后通过npm下载相关依赖，可能有些同学没有安装npm，博主也是，这里介绍下安装npm的方...
在浏览器上安装 Vue Devtools工具
weixin_30532759的博客
09-19 556
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。 1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。 2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖...
Chrome安装VUE插件
Brave_heart4pzj的博客
03-14 2837
https://www.cnblogs.com/wbl001/p/11063613.html
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vue 浏览器调试插件 vue-devtools V6.5.0
09-21
浏览器打开扩展管理页面，将文件拖拽进入浏览器这个页面即可进行安装
chrome浏览器vue-devtools插件v6.4.1
12-12
chrome浏览器安装devtool插件 1、右上角点开 更多程序-扩展程序 2、打开开发者模式 3、加载已解压的扩展程序 4、选择文件夹 shell-chrome 5、完成
调试vue.js应用的浏览器扩展 Chrome插件
12-07
Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-...
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
Vue调试神器vue-devtools.zip
12-26
vue-devtools是一款专门用于vue应用调试的浏览器插件，可以大大地提高vue应用的调试效率。
Chrome安装VUE调试插件
u011664286的博客
09-21 2095
chrome 浏览器安装vue调试插件
浏览器安装vue调试插件（极简单）
weixin_40496191的博客
02-27 1万+
准备材料：谷歌浏览器、vue-devTool.crx 打开浏览器的右上角的设置–>更多工具–>扩展程序 打开开发者模式 然后重启浏览器，继续打开浏览器的右上角的设置–>更多工具–>扩展程序 将vue-devTool.crx工具拖入浏览器 随便打开一个vue项目，然后f12，可以看到vue已经 存在，并且可以通过vue插件，查看页面中的各种数据参数，说明成功了！！！ ...
谷歌浏览器Vue插件
qq_39088110的博客
09-11 639
谷歌浏览器Vue插件 这个配置自行百度搜索，基于vue-devtools-5.1.1版本，插件地址为链接: https://pan.baidu.com/s/1lzSPq3g3v5oO4xyCUxEg8Q 提取码: 7pfb
如何安装浏览器插件vue-devtools
08-24
要安装浏览器插件vue-devtools，首先需要使用Chrome浏览器。您可以按照以下步骤进行安装： 1. 打开Chrome浏览器，在地址栏输入"chrome://extensions"并按下回车键。 2. 在打开的页面中，找到并点击"开发者模式"开关...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值