2021最新vue.js devtools插件安装教程

最新推荐文章于 2024-07-09 20:15:33 发布
最新推荐文章于 2024-07-09 20:15:33 发布
阅读量753 收藏 1
点赞数
分类专栏： vue.js调试插件 文章标签： vue.js 前端 chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvxiaotian258/article/details/121274005
版权

github下载包

[github地址](https://github.com/vuejs/devtools)https://github.com/vuejs/devtools
clone下master的代码或者直接downLoad zip

下载本地后安装依赖

yarn 或者 npm i 或者 cnpm i

安装完依赖后打包

yarn build 或者 npm run build

修改配置

将配置文件false改为true
在这里插入图片描述
在这里插入图片描述

安装

打开谷歌扩展程序，点击开发者模式，直接将shell-chrome文件夹拖进来，记得要重启下浏览器哦~
在这里插入图片描述

一诺先生
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue开发调试工具-vue devtools
SYQ15544423296的博客
08-31 709
主要作用：Vue官方开发调试工具 `vue devtools`：工具在**开发环境下**可以实现浏览器对**Vue**功能的基本监控 下载地址： https://crxdl.com/
vue-devtools-简介、下载、安装、配置、使用
记录和分享属于我的“IT”时光
03-21 2万+
vue-devtools-简介、下载、安装、配置、使用
Chrome插件：​Vue.js Devtools 高效地开发和调试
朱雀随云记的博客
06-25 1149
Vue.js Devtools是一个Chrome DevTools扩展，专门用于调试Vue.js应用。安装这个扩展后，你会在Chrome开发者工具中看到一个新的标签“Vue”，通过它可以直观地查看和操作Vue.js组件，极大地提升了调试效率。
【Vue】全家桶之vue-devtools
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
08-08 7982
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7503
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决
热门推荐
goog_man的博客
01-13 6万+
这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题 所需的所有文件，链接：https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码：2yvc 一、vue.js插件下载 下载地址：vue.js插件下载； 点击进入Vue官网即可下载，共有两种版本的插件（开发版本：vue.js，生产版本：vue.main.js），建议使用开发版本。开发版本有更多的错误信息提示和调试，文件较大，生产办文件小但是很多提示不全，解决开发
vue.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
Vue.js devtools谷歌插件
03-14
Vue.js devtools是一款专为Vue.js开发者设计的强大谷歌浏览器插件。它极大地简化了在浏览器环境中对Vue应用程序的调试过程，让开发者能够深入理解并控制应用的状态和组件结构。这款插件是开源社区的杰出成果，它允许...
Vue.js devtools(Vue3开发者工具插件)
01-21
Vue.js devtools是针对Vue3开发的浏览器扩展插件，它是前端开发者不可或缺的工具，尤其对于Vue项目的调试和性能优化至关重要。Vue3开发者工具提供了一种直观的方式，让我们可以直接在浏览器环境中查看和操作Vue应用...
Vue.js devtools 3.1.5
03-09
Vue.js Devtools是一款强大的前端开发工具，专为Vue.js应用程序设计，用于提升开发和调试的效率。这款插件在Chrome和360安全浏览器中均可使用，版本号为3.1.5，它包含了丰富的功能，帮助开发者深入理解Vue应用的运行...
Vue.js Devtools CRX 6.0.0beta10.rar
05-25
这个压缩包“Vue.js Devtools CRX 6.0.0beta10.rar”包含的是Vue.js Devtools的最新测试版本6.0.0 beta10，该版本兼容Vue 2.x和Vue 3.x两个主要版本的Vue项目，为开发者提供了一站式的解决方案。 Vue.js是目前广泛...
idea vuejs插件vue.js-2021.1.21更新的
01-25
idea vuejs插件，做前端开发必备插件vue.js-2021.1.21最新更新的，来源 https://plugins.jetbrains.com/plugin/9442-vue-js/versions
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 2万+
下载、编译、安装、使用vue-devtools
详细安装步骤：vue.js 三种方式安装(vue-cli)
chenyu_Yang的博客
03-23 1667
build：最终发布的代码的存放位置。config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。node_modules：npm 加载的项目所需要的各种依赖模块。src：这里是我们开发的主要目录（源码），基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：assets:放置一些静态资源文件、css、js、图片(会根据图片大小分类进行base64命名还是其他方式命名)等components:目录里放的是一个个的组件文件router/index.js：配置路由的地方。
Vue-devtools插件最新版(2021年2月)
王光迪的CSDN
02-04 2689
Vue-devtools插件最新版(2021年2月)
Vue.js devtools插件安装
最新发布
2301_77935086的博客
07-09 209
4. 其中名字长的 `.crx`结尾的 文件就是安装包，鼠标长按拖住，拖到 '管理扩展程序' 页面，松开鼠标。2.打开Chrome浏览器 -> 点击右上角三个点 -> 更多工具-> 扩展程序 -> 管理扩展程序。1. 如果没有下载谷歌浏览器，下载一个谷歌浏览器（搜索下载即可，现在可能是GPT浏览器的图标）3. 极简插件下载到的是压缩包，必须先解压缩！2. '管理扩展程序' 页面的右上角 '开发者模式' 开关打开。5. 看到弹出框，点添加扩展程序，安装成功！2.下载插件网址，点击即可下载。
IDEA中Vue开发环境搭建
yinshengchen的博客
04-18 5467
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
Vue.js 安装使用教程
种麦南山下的博客
10-12 2164
Vue.js 安装使用及例子
我和谷歌共成长——前端必备插件Vue.js devtools
xiaolu567的博客
08-12 6724
对于我们开发者而言，Google插件非常便捷与易于生活，主要原因还是Google插件的多样性和全面性。对于前端开发者来说,大部分都是使用vue来开发那么有没有一款插件能让vue的开发效率变高下面,我来介绍一下前端必备插件Vue.js devtoolsVue.js devtools有助于我们开发,可以极大的提升我们的开发速率在开发过程中,我已经深深地喜欢上这个插件,为了提供了许多方便。...
【前端】vue-devtools的详细安装讲解
分享记录开发中的问题，欢迎一起探讨！
11-24 4050
文章目录前言准备工作npmgit正式开始vue-devtools自定义版本编译细说 前言 vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。 相信很多小伙伴也非常想安装这个小插件，但是网上找了很多办法，不是这个模块找不到就是各种不行。这里针对不能在商店下载插件的小伙伴们提供一种方式，一步一步来就可以成功。 准备工作 npm 没有npm的小伙伴要去安装一个npm,搜索node.js官网 安装好node之后自然也就安装好了npm。设置npm的镜像地址
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值