谷歌浏览器chrome中vuejs devtools 插件安装详解

最新推荐文章于 2024-04-30 10:00:00 发布
最新推荐文章于 2024-04-30 10:00:00 发布
阅读量341 收藏 1
点赞数
分类专栏： vue 文章标签： vue chrome devtools npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30665467/article/details/113859299
版权

推荐方法：github下载插件，npm包安装依赖，拖入浏览器扩展程序

具体操作

1 . 下载chrome扩展插件

在github上下载压缩包并解压到本地，github下载地址：https://github.com/vuejs/vue-devtools

2. 依赖安装

下载完成后打开命令行cmd进入vue-devtools-master文件夹，

  1. npm install，安装依赖包；如果安装太慢，请参照文章末尾说明进行操作
    在这里插入图片描述
  2. npm run build
    在这里插入图片描述
    npm run build 执行完，会在shells>chrome下的src文件夹里生产如上图所示的几个js文件
最低0.47元/天 解锁文章
qq_30665467
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue Devtools谷歌浏览器插件下载
07-06
Vue Devtools是一款强大的开发者工具，专为Vue.js框架设计，用于在谷歌浏览器（Chrome）中进行前端开发。这款插件允许开发者深入理解Vue应用程序的内部工作原理，方便调试、检查和优化Vue组件及其数据。Vue Devtools...
谷歌浏览器vue插件vue-devtools
04-10
这个插件可以在谷歌浏览器（Chrome）中安装，帮助开发者调试、检查和优化Vue应用。 Vue Devtools 提供了以下主要功能： 1. **组件树**：在Vue Devtools的“Components”面板中，你可以查看应用的组件结构。每个...
在Chrome中安装vue_devtools调试工具
yyzx_yyzx的博客
07-05 1439
下载vue_devtools_chrome 链接：https://pan.baidu.com/s/13zrT7CS9h3jP6c9ddOATmA?pwd=dbj1 提取码：dbj1
Google Chrome谷歌浏览器安装Vue插件vue-devtools
weixin_55705383的博客
01-25 1300
具体网址为随后在搜索按钮里搜索vue得到下图结果并点击。
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
最新发布
段子手168的博客
04-30 3671
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
chrome 安装vue-devtools拓展插件
weixin_43508199的博客
02-18 2237
此前已经尝试了网上说是最常见的 下载源码下来进行安装的方式了，但是在执行npm install安装依赖的时候，还是一直报错，安装失败。 现在是方法是网上找到的另外一种方法，操作了是成功的。因此记录下来。 1、新建一个空的文件夹 在你觉得合适的路径下，新建一个空的文件夹，名称标明即可。我的直接是”vue-devtools“ 2、进入 vue-devtools 3、按住shift 键，然后鼠标右键 开发powershell。或者cmd 用命令进入到这个文件夹里面也可以。 4、在终端执行.
vue-devtools的chrome扩展程序安装及失败报错整理
qq_43533416的博客
09-28 1万+
发现自己每次安装什么都东西都能把网上教程遇到的所有问题遇到一遍QAQ，明白查一个问题搜索引擎前三页都飘红的痛吗！！！ 一、vue-devtools安装 (chrome)（正确亲测有效） 1.下载vue-devtools （1）cmd下node指令：G:\Node>cnpm install -g vue-devtools （或者npm指令，下载到node_modules文件夹里或...
图文详解vue.js devtools插件使用方法
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
谷歌Chrome浏览器VueJS开发插件vue-devtools最新版
10-20
Vue DevTools作为一款Chrome插件，可以在Chrome的开发者工具中集成，使得Vue开发者能够在浏览器中直接查看和操作Vue实例、组件、状态等信息。 Vue DevTools的最新版通常会与Vue.js的最新版本保持同步，确保对新特性...
vue-devtools谷歌浏览器插件Chrome插件6.4.5版本
11-25
安装Vue Devtools 6.4.5的过程很简单，只需要将`vue-devtools6.4.5.crx`文件拖放到Chrome浏览器的扩展程序页面。确保浏览器的开发者模式已经开启，因为通常情况下，Chrome不允许直接从本地文件系统安装扩展。 Vue ...
谷歌浏览器(Chrome) 74 离线安装程序
05-31
谷歌浏览器（Chrome）是全球广泛使用的网络浏览器，以其快速、安全和用户友好的特性而闻名。74 版本作为谷歌浏览器的一个重要迭代，引入了许多关键的改进和更新，旨在提升用户体验和性能。 首先，Chrome 74 强化了...
Vue.js devtools
12-13
当使用 Vue 时，我们推荐同时在你的浏览器上安装 Vue Devtools，它允许你在一个更加友善的界面中审查和调试你的 Vue 应用。
Vue开发加速器：Chrome的vue-devtools插件解决开发难题
2301_78348935的博客
04-04 1235
Vue.js是一个流行的前端JavaScript框架，它允许开发人员轻松构建可扩展的Web应用程序和移动应用程序。vue-devtools是一个Chrome浏览器的扩展程序，它是由Vue.js官方维护的一款强大的调试工具。结合Vue.js和vue-devtools插件，开发人员可以以最佳方式开发和调试Vue.js应用程序。
Chrome安装Vue插件vue-devtools
专注java二开部署
03-27 2163
除了作为 Chrome 扩展程序运行外，Vue Devtools 还提供了一个独立的桌面应用，支持更多的功能和更丰富的界面。通过在开发者工具中启用性能记录，并在 Vue Devtools 中查看分析，你可以了解组件渲染的耗时，找出性能瓶颈。现在，你应该能在开发者工具中看到一个名为 "Vue" 的新标签页，这就是 Vue Devtools 的主界面。如果你的应用使用了 Vuex 作为状态管理库，Vue Devtools 会提供一个专门的 Vuex 标签页，用于查看和调试 Vuex store 的状态变化。
Vue.js之devtools
wu__di的博客
04-10 9981
前面的文章我们为大家介绍了Vue的安装、实践，工欲善其事必先利其器，这节我给大家推荐一款工具。Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。 安装步骤： 安装的方式有三种，一种是在chrome应用商店里安装，第二种是在其他网站下载插件，最后一种是下载源码，然后安装。在天朝，
【Vue】全家桶之vue-devtools
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
08-08 7286
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
谷歌浏览器安装vuejs devtools 插件
凌枫ozo的博客
10-13 2124
谷歌浏览器安装vuejs devtools 插件 1 .下载chrome扩展插件。 在github上下载压缩包并解压到本地，github下载地址：https://github.com/vuejs/vue-devtools 2.npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹， 1. npm install，安装依赖包；如果安装太慢，就...
Chrome浏览器安装Vue.js devtools插件
qq_46112274的博客
03-10 7251
1、浏览器访问极简插件 https://chrome.zzzmh.cn/#/index 2、右上角搜索框搜索vue DevTools插件 下载插件 3、在本地文件夹中解压刚刚下载的插件，解压后如下所示 4、打开谷歌浏览器–更多工具–拓展程序 5、将解压的文件夹拉到4中拓展程序页面 6、安装成功 使用chrome浏览器访问vue文件，我们发现可以使用vueDevTools调试工具进行调试。 ...
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），建议使用开发版本。开发版本有更多的错误信息提示和调试，文件较大，生产办文件小但是很多提示不全，解决开发

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值