chrome 安装 vue-devtools

最新推荐文章于 2025-02-13 16:49:13 发布
最新推荐文章于 2025-02-13 16:49:13 发布
阅读量118 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/clks_/article/details/104271303
版权

根据网上教程从github拉取vue-devtools项目，安装vue-devtools一直失败,报如下错误

原因有可能是版本较高（纯属个人猜测）

解决办法

1.下载文件

https://pan.baidu.com/s/1EtSuwTENsrFsCUuudvDzVQ

提取码： 0d12

2.获取文件后，直接打开chrome浏览器中更多工具——扩展程序，

 

 

3. 打开开发者模式，刷新浏览器

Chrome安装Vue插件vue-devtools
专注java二开部署
03-27 2613
除了作为 Chrome 扩展程序运行外，Vue Devtools 还提供了一个独立的桌面应用，支持更多的功能和更丰富的界面。通过在开发者工具中启用性能记录，并在 Vue Devtools 中查看分析，你可以了解组件渲染的耗时，找出性能瓶颈。现在，你应该能在开发者工具中看到一个名为 "Vue" 的新标签页，这就是 Vue Devtools 的主界面。如果你的应用使用了 Vuex 作为状态管理库，Vue Devtools 会提供一个专门的 Vuex 标签页，用于查看和调试 Vuex store 的状态变化。
vue-devtools-6.6.4-chrome
02-12
在本例中，文件名"vue-devtools-6.6.4-chrome"指明了这是一个特定版本（6.6.4）的Vue开发工具插件，专门用于Google Chrome浏览器。由于"描述"中提到它适用于Vue3，这意味着该版本的Vue-devtools支持Vue.js的第三个...
谷歌浏览器安装vue-devtools调试工具
逍遥的博客
12-03 393
1.到GitHub上下载 git clone https://github.com/vuejs/vue-devtools 2.安装依赖和打包 进入目录 cd vue-devtools 安装依赖 npm i 或 cnpm i (npm较慢) 打包 npm run build 在vue-devtools文件夹下：shells>chrome>manifest.json，将配置里的persistent的值修改为true； 3.设置 进入谷歌的扩展程序 -》 开启开发者模式 -》 加载已解压的
vue-谷歌浏览器安装vue-devtools插件
最新发布
weixin_49114503的博客
02-13 1435
vue-谷歌浏览器安装vue-devtools插件
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
段子手168的博客
04-30 9339
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
谷歌浏览器安装vue-devtools
皇家小骑士
09-09 504
vue-devtools安装下载安装 安装之前，确保有node环境 下载 github下载地址 下载的方法有很多，这里就不一一叙述。如果不会git语法，最直接的方式就是点击clone or download下载zip到桌面解压。 安装 cd命令进入到vue-devtools-dev目录 运行npm install(也可使用淘宝镜像cnpm install) 打开vue-devtools-de...
Chrome(谷歌浏览器)安装Vue插件vue-devtools
qq_40835779的博客
04-01 2275
一、vue.js插件下载这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题vue-devtools是什么？vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。一、vue.js插件下载根据下图打开谷歌浏览器中的【拓展程序】：勾选【开发者模式】——点击【加载已解压的拓展程序】——选择刚刚解压的vuejs-devtools插件整个文件夹导入即可。
chrome-vue-devtools
02-08
chrome-vue-devtools扩展程序的安装并不复杂，但需要几个步骤来正确配置。首先，用户需要在浏览器中找到“更多工具”这一选项，接着选择“扩展程序”。在扩展程序页面，用户可以通过点击“加载已解压的扩展程序”的...
chrome插件 vue-devtools离线安装包
04-27
Chrome插件Vue DevTools是Vue.js开发过程中不可或缺的工具，它为开发者提供了一套强大的调试功能，如实时查看组件状态、检测性能、修改数据等。 Vue Devtools 5.3.3 版本是该插件的一个稳定版本，可以从GitHub上...
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
如何在谷歌浏览器中安装 vue-devtools？
奔跑的小猪仔
06-12 265
可直接看总结 三种方法： https://juejin.cn/post/6844904126178918413 谷歌应用商店下载（需翻墙） 下载后vue显示vue.js not detected 这事我卸载的 查资料说是要在这个扩展的安装路径下找到 manifest.json 文件，把 “persistent”: false，改为：true。 路径：C:\Users\mymsi\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjm
vue-devtools的安装：Chrome安装Vue插件vue-devtools
单口相声Jay
03-26 1122
目录1.下载Vue Devtools调试工具2.下载成功后，解压文件3.打开命令行工具4.执行npm instal1或cnpm install命令来安装依赖5.执行npm run build命令来构建vue-devtools6.在Chrome浏览器中安装vue-devtools插件7.点击右上角的“开发者模式”开关8.点击”加载已解压的扩展程序”按钮9.点击“选择文件夹"按钮10.结尾
在Chrome浏览器中配置vue-devtools调试工具
新技术革命
03-02 725
1，首先在浏览器上打开 地址https://github.com/vuejs/vue-devtools.git，在页面上点击 “Clone or Download” 按钮 ，下载相关的 “vue-devtools-dev” 压缩包 2，Windows系统下，解压缩文件“vue-devtools-dev.zip” ,本例解压缩路径为“D:\vue-devtools-dev\vue-devto...
Chrome（谷歌浏览器）安装Vue插件vue-devtools（图文详细教程）
热门推荐
小钻风的博客
03-12 5万+
使用Vue开发项目时，常会用到一款谷歌浏览器插件，vue-devtools 安装成功后，运行本地Vue项目，打开浏览器控制台就如下： 其中可以便捷的查看vueX的数据以及组件结构等，非常方便， 安装步骤如下： 1、首先给大家提供一个git地址，虽然官网也有地址(https://github.com/vuejs/vue-devtools.git)，我认为不太好用 给大家提供另一个git地址： https://gitee.com/zhang_banglong/vue-devtools.git 打开里面就如
Vue-Devtools 安装教程
qq_42839746的博客
04-04 4229
两种安装Vue-Devtools 扩展程序的方式
谷歌浏览器chrome的vuejs devtools 插件的安装
weixin_30677475的博客
12-14 3470
（推荐方法2） 安装方法1: 需正常打开chrome商店，搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用； 方法2： github下载插件，npm包安装依赖，拖入浏览器扩展程序 具体操作： 1 . 下载chrome扩展插件。 在github上下载压缩包并解压到本地，github下载地址：https://github.com/v...
vue devtool的安装与使用
AXIMI的博客
11-07 2万+
vue devtool是chrome的一个调试插件，翻不了墙的话只能手动安装，方法如下： 1.首先是下载： https://github.com/vuejs/vue-devtools 选择下载安装整个ZIP压缩包 2.然后进行解压缩，并在解压后的文件夹里面打开命令提示符， 命令提示符应该是这个路径（自己的软件放置路径） 升级一下npm，输入：npm install npm -g （此步骤没有...
谷歌浏览器插件安装Vue插件 ，Vue Devtools
@凌晨三点半的博客
06-09 1万+
github下载： https://github.com/vuejs/vue-devtools 下载好后解压缩进入vue-devtools-master工程目录 执行npm install 或者有淘宝版的执行 cnpm install 然后执行 npm build 然后到工程目录下的shell/chrome/manifest.json中修改： "persistent": true ...
如何安装vue-devtools在Chrome浏览器插件
Chrome插件的安装一般需要符合Chrome的扩展API规范，因此vue-devtools插件也需要遵守这一规范。它可能包含一些基本的Chrome插件文件，例如manifest.json文件，这个文件是Chrome插件的配置文件，定义了插件的名称、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值