chrome强烈推荐安装vue-devtools插件

最新推荐文章于 2023-08-08 14:06:45 发布
最新推荐文章于 2023-08-08 14:06:45 发布
阅读量436 收藏
点赞数
分类专栏： IDE使用 文章标签： chrome vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shaoming314/article/details/122229593
版权

chrome强烈推荐安装vue-devtools插件

插件下载网址:

https://chrome.zzzmh.cn/

下载安装同chrome安装Octotree插件

参考网址

https://blog.csdn.net/shaoming314/article/details/122223693?spm=1001.2014.3001.5502

使用

打开控制台(F12) , 找到 vue 选项按钮

image-20211230094054861

说明

763787)]

说明

我刚开始搞 vue 项目 , 对 vue 的配置不是很了解 , 但是 vue-devtools 只针对 development 环境生效 , 打包后的项目不能使用 vue-devtools

不会打字314
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
【Vue】全家桶之vue-devtools
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
08-08 5196
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7411
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
vue-devtools的安装与使用
qq_44552416的博客
07-07 2074
2，安装完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，将vender 文件下的 manifest.json ，修改persistent 为 true。components： 显示当前点击组件的可用数据,并可以修改和添加，修改可实时反应在界面中，非常方便调试一些业务流程比较繁琐，可以任意展示其中的一步操作的界面。events： 记录事件，比如点击事件，当你点击之后，这里会显示出来点击事件来源于哪一个组件，以及事件名等信息。只有在本地运行的项目才能查看。
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 2万+
下载、编译、安装、使用vue-devtools
图文详解vue.js devtools插件使用方法
热门推荐
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
通过实例解析chrome如何在mac环境中安装vue-devtools插件
11-19
2.将下载的项目文件放入 Chrome浏览器的插件文件夹 在浏览器地址栏输入chrome://version/ 找到路径之后，可以在顶部工具栏”前往“中直接输入文件地址 3.在default文件夹下新建Extensions文件夹(已经存在就不用新建...
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-...
vue-devtools chrome 插件
12-19
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，ch rome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
vue-devtools谷歌浏览器插件
09-20
vue-devtools专门用来调试vue If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.
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插件
04-07
为chrome上调试vue组件的插件
vue-devtools安装插件
03-23
1.下载解压 2.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹 3.OK
推荐好用的Chrome插件
weixin_43994760的博客
04-20 637
推荐好用的Chrome插件
（18）Vue DevTools插件
Java田根旺
02-04 1441
一、Vue DevTools插件介绍 Vue DevTools插件是 Vue.js 官方提供的用来调试 Vue 应用的工具。 二、Vue DevTools插件安装 安装地址如下： https://chrome.zzzmh.cn/#/index 在插件官网中搜索插件名称，然后下载。 点击下载后，会下载一个压缩文件，我们解压一下文件。 将解压后的文件拖拽进来，然后点击添加拓展程序即可。 如下图是安装插件成功页面 三、Vue DevTools插件注意事项 • 网页必须应用了...
谷歌浏览器chrome的vuejs devtools 插件的安装
weixin_30677475的博客
12-14 3421
（推荐方法2） 安装方法1: 需正常打开chrome商店，搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用； 方法2： github下载插件，npm包安装依赖，拖入浏览器扩展程序 具体操作： 1 . 下载chrome扩展插件。 在github上下载压缩包并解压到本地，github下载地址：https://github.com/v...
安装vue插件vue-devtools
最新发布
12-12
Vue插件vue-devtools是一款基于Chrome浏览器的插件，用来调试Vue应用，可以大大提高Vue项目开发效率。安装vue-devtools有三种方法：通过谷歌应用商店进行安装、手动安装和直接下载使用网友分享出来的资源。其中，手动安装的步骤如下： 1.下载vue-devtools插件； 2.进入浏览器设置，点击扩展程序； 3.开启开发者模式，点击加载已解压的扩展程序或者直接拖拽已解压的扩展程序； 4.安装成功以后就可以看到Vue插件图片，点击开启； 5.通过npm run serve启动应用以后，即可看到浏览器右上角的Vue插件图片，表示Vue.js devtools已启动，点击vue一项即可。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值