Vue 关于Charome（谷歌）插件Vue Devtools的安装使用

最新推荐文章于 2023-03-30 22:30:16 发布
最新推荐文章于 2023-03-30 22:30:16 发布
阅读量390 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WanHuaEr/article/details/126768059
版权

一、git地址

https://gitee.com/zhang_banglong/vue-devtools.git

下载完成之后解压

二、cmd运行过程

1.npm install -g yarn.

2.yarn install

3.yarn run build:watch

4.yarn run dev:chrome

生成文件夹在这里插入图片描述

三、添加拓展程序

在这里插入图片描述

四、完成

在这里插入图片描述

有点苏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
谷歌插件Vue_devtools.rar
08-05
这个是Vue全家桶里的谷歌插件devtools，下载后直接安装在谷歌拓展程序里就行。在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用，安装后在谷歌浏览器的控制台最右面可以找到vue的选项卡，点击后可以对当前页面进行vue的数据调试
谷歌浏览器的 vue插件工具
qq_45802159的博客
02-08 635
Vue.js devtools 5.3.3 下载地址:链接: https://pan.baidu.com/s/1Q2N_UN3a1d35h3kAKCtS3Q 提取码: reew
vue-devtools chrome的vue调试插件（有更改方法）
05-25
vue-devtools chrome的vue调试插件（有更改方法），直接解压后，先看一下文件更改信息，在Chrome浏览器中输入chrome://extensions/，打开开发者模式下的加载已解压的扩展程序
【vue】chrome插件Vue Devtools的安装和使用
qq_22889875的博客
07-25 1017
Vue Devtools、node.js和vue.js的下载地址如下： https://download.csdn.net/download/qq_22889875/11430017 安装Vue Devtools之前首先要安装node.js配置环境变量 1、双击node.js安装包，根据安装提示一步一步安装即可； 2、配置环境变量，加入node.js的安装目录，我的目录是：E:\study\nod...
左右声道插件 32位
08-26
会声会影左右声道插件用于windows7 32位系统
谷歌浏览器vue插件vue-devtools
最新发布
04-10
谷歌浏览器vue插件vue-devtools
Vue Devtools谷歌浏览器插件下载
07-06
Vue Devtools的谷歌浏览器插件，解压后在浏览器输入chrome://extensions/，选择加载解压后的插件，选择解压后的文件夹即可
Vue.js devtools谷歌插件
03-14
Vue.js devtools谷歌插件，需要的可以下载，亲测可用
Vue devtools插件 6.1.3
05-29
Vue devtools插件 6.1.3
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
ChromeSetup官方版
09-06
ChromeSetup官方版，未被任何第三方添加插件
推荐15款优秀的chrome插件，每一款都是神器
黑夜开发者的博客
03-30 2万+
今天分享的15款十分优秀的插件，已经为大家整理好了获取方式，关注下方公众号回复对应的口令就可以拿到了。赶快来试试吧。
10个高效的摸鱼神器，你错过几个？
算法码上来
09-10 4518
老话说的好，Chrome 没插件，香味少一半。作为使用过上百个插件的Chrome半资深用户，这儿极力推荐10个插件，除了摸鱼，还能让你的工作学习效率翻高好几倍。1）Global Speed...
一文教会你如何用Vue开发Chrome插件
bingbaobi3372的博客
12-16 8838
一文教会你用Vue开发Chrome
谷歌添加vue开发工具插件
weixin_41915066的博客
05-26 1630
谷歌添加vue开发工具插件 下载到本地 git clone https://gitee.com/zhang_banglong/vue-devtools.git cmd到vue-devtools下，运行下列命令 //淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org //安装 npm install //运行 npm run build 如果报错可以参考文章尾部的附加 点击谷歌浏览器设置 点击扩展
3款在线浏览器兼容性测试工具
php菜鸟技术天地
06-02 4211
作为一个热爱前端滴人，平时折腾博客或做网页什么的免不了要测试页面在各中浏览器里的显示效果。我们常用的方法就是使用ie tester等工具或者在虚拟机里装个其他版本的浏览器等。 今天，就为大家介绍一下如何利用网站资源来查看网页在不同系统不同浏览器中的显示效果： 1. Spoon Browser Sandbox 如上图所示，你可以查看你的网站在各大主流浏览器中的显示效果。当然，这使用这个工具之前，你
Fillder 捕获Charome谷歌浏览器的会话
ghostdom_imp的博客
07-14 712
需要安装SwitchyOmega  代理管理Chrome浏览器插件可以手动在SwitchyOmega 官方网站上获取对应的安装包，如果，安装包无效的话，需要去github下载最新版的，在 Chrome 地址栏输入 chrome://extensions 打开扩展程序，把下载好，拖动 .crx 后缀的 SwitchyOmega 安装文件到扩展程序中进行安装。...
Chrome插件vue-devtools的安装使用
chenjineng的博客
07-12 7512
安装教程请参考这篇博客：在浏览器上安装 Vue Devtools工具 安装完成后，打开vue项目，chrome浏览器右上角会出现这个图标 按F12启动调试程序，会发现选项中多了一项Vue   如果安装完成，但控制台中并没有Vue的选项，请检查在Vue项目中是否以cdn的方式引入vue.js 如果以cdn的方式引入vue.js，点击浏览器右上角的vue图标会出现这样的提示， ...
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 打开里面就如
安装vue插件vue-devtools
12-12
安装vue-devtools有三种方法：通过谷歌应用商店进行安装、手动安装和直接下载使用网友分享出来的资源。其中，手动安装的步骤如下： 1.下载vue-devtools插件； 2.进入浏览器设置，点击扩展程序； 3.开启开发者模式，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值