vue开发神器-vue-devtools_v1.0.0

最新推荐文章于 2024-03-20 09:58:55 发布
原创 最新推荐文章于 2024-03-20 09:58:55 发布 · 199 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Chrome插件 #vue-devtools

本文提供了Vue-devtools v1.0.0版本的详细安装步骤，适用于Vue2.6.10，帮助开发者轻松将此工具集成到Chrome浏览器中，提升Vue应用的开发效率。
文件名称版本号作者qq版本
vue开发神器-vue-devtoolsv1.0.0学生宫布8416837Vue 2.6.10
vue-devtools 6.0.0 beta 1

下载产品包

点击下载

安装到Chrome浏览器插件

解压上文下载的文件
如果可以拖拽到Chrome则拖拽，不能拖拽则点击下图红框，选择刚解压的文件夹
在这里插入图片描述
成功：
在这里插入图片描述

安装vue-devtools过程中种种问题
m0_67403272的博客
03-06 4122
周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功，报各种依赖包不支持。报错类似如下： npm WARN … requires a peer of react@^16.4.0 but none is installed 报错内容过多，需要安装依赖包太多。然后将npm版本号降到6.0.1，报错更多。类似 npm WARN npm npm does not support Node.js v14.16.0 npm
vue-tools.zip
07-28
用于谷歌浏览器调试vuex操作的插件，使用时解压后打开谷歌浏览器，打开更多插件，将压缩包解压后拖到浏览器中，然后重新启动浏览，在开发者调试时就可以看vue面板了
vue-tool.zip
09-15
vue的浏览器插件,直接解压拉到chrome应该就能用,没有做过相关测试,不知道能不能用,大概率能用
vue-tools谷歌插件.zip
11-29
vue-tools谷歌浏览器插件，解压即可安装，非常好用。
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-devtools_v5.1.0.crx”拖到Chrome上去即可安装。 如果安装的时候报错：程序包无效:"CRX_HEADER_INVALID"解决方法： 将扩展名.crx改为.rar解压出来，然后使用“加载已解压的扩展程序”进行安装。
推荐超强Vue.js开发工具Vetur：智能编码，高效开发
gitblog_00063的博客
03-20 1144
推荐超强Vue.js开发工具Vetur：智能编码，高效开发 是一个基于VS Code的强大的Vue.js开发扩展插件，由GitLab团队的成员维护。它集成了语法高亮、智能代码补全、Linter、格式化器和更多的功能，致力于提供Vue开发者一流的开发体验。 技术分析 1. Vue单文件组件支持 Vetur深刻理解Vue的单文件组件（Single File Component, SFC）结构，能够对....
第十三节：Vue Devtools——vue开发调试神器
chenzeyuczy的专栏
03-22 1390
工欲善其事，必先利其器，vue2.0进阶系列的知识更接近我们的实际开发所需，在开发过程中，有个好的调试工具是事半功倍的，Vue Devtools就是我们选择的调试工具，它是一款chrome浏览器的插件。所以，我们先去chrome商店找到它并安装。安装用chrome浏览器访问以下地址，就可以在chrome商店找到我们的Vue Devtools插件。地址：[url=]https://chrome.go...
npm warn ERESOLVE overriding peer dependency npm warn While resolving: vite-plugin-inspect@0.8.9 npm warn Found: vite@7.0.0 npm warn node_modules/vite npm warn peer vite@"^5.0.0 || ^6.0.0 || ^7.0.0" from @vitejs/plugin-vue@6.0.0 npm warn node_modules/@vitejs/plugin-vue npm warn dev @vitejs/plugin-vue@"^6.0.0" from the root project npm warn 4 more (vite-hot-client, vite-plugin-vue-devtools, ...) npm warn npm warn Could not resolve dependency: npm warn peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm warn node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm warn vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm warn node_modules/vite-plugin-vue-devtools npm warn npm warn Conflicting peer dependency: vite@6.3.5 npm warn node_modules/vite npm warn peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm warn node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm warn vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm warn node_modules/vite-plugin-vue-devtools npm warn EBADENGINE Unsupported engine { npm warn EBADENGINE package: '@vitejs/plugin-vue@6.0.0', npm warn EBADENGINE required: { node: '^20.19.0 || >=22.12.0' }, npm warn EBADENGINE current: { node: 'v18.20.8', npm: '10.8.2' } npm warn EBADENGINE } npm warn EBADENGINE Unsupported engine { npm warn EBADENGINE package: 'vite@7.0.0', npm warn EBADENGINE required: { node: '^20.19.0 || >=22.12.0' }, npm warn EBADENGINE current: { node: 'v18.20.8', npm: '10.8.2' } npm warn EBADENGINE }解释错误
06-30
peervue@"^2.6.0"from some-package@1.0.0```解决方案：-如果`some-package`有支持Vue3的版本，升级它：```bashnpminstall some-package@next``` -如果没有，考虑替换为支持Vue3的替代包。-临时解决方案（不推荐...
npm install idealtree安装失败报错PS E:\vue\Vue3.0> npm install idealtree npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: vite-plugin-inspect@0.8.9 npm WARN Found: vite@7.1.2 npm WARN node_modules/vite npm WARN peer vite@"^5.0.0 || ^6.0.0 || ^7.0.0" from @vitejs/plugin-vue@6.0.1 npm WARN node_modules/@vitejs/plugin-vue npm WARN dev @vitejs/plugin-vue@"^6.0.1" from the root project npm WARN 4 more (vite-hot-client, vite-plugin-vue-devtools, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm WARN npm WARN Conflicting peer dependency: vite@6.3.5 npm WARN node_modules/vite npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/idealtree - Not found npm ERR! 404 npm ERR! 404 'idealtree@*' is not in this registry. npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_10_027Z-debug-0.log PS E:\vue\Vue3.0> npm install /path/to/downloaded/package.tgz npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\path\to\downloaded\package.tgz npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'E:\path\to\downloaded\package.tgz' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_32_912Z-debug-0.log PS E:\vue\Vue3.0> PS E:\vue\Vue3.0> npm install idealtree npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: vite-plugin-inspect@0.8.9 npm WARN Found: vite@7.1.2 npm WARN node_modules/vite npm WARN peer vite@"^5.0.0 || ^6.0.0 || ^7.0.0" from @vitejs/plugin-vue@6.0.1 npm WARN node_modules/@vitejs/plugin-vue npm WARN dev @vitejs/plugin-vue@"^6.0.1" from the root project npm WARN 4 more (vite-hot-client, vite-plugin-vue-devtools, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm WARN npm WARN Conflicting peer dependency: vite@6.3.5 npm WARN node_modules/vite npm WARN peer vite@"^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1" from vite-plugin-inspect@0.8.9 npm WARN node_modules/vite-plugin-vue-devtools/node_modules/vite-plugin-inspect npm WARN vite-plugin-inspect@"0.8.9" from vite-plugin-vue-devtools@7.7.7 npm WARN node_modules/vite-plugin-vue-devtools npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/idealtree - Not found npm ERR! 404 npm ERR! 404 'idealtree@*' is not in this registry. npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_10_027Z-debug-0.log PS E:\vue\Vue3.0> npm install /path/to/downloaded/package.tgz npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm WARN tarball tarball data for file:E:\path\to\downloaded\package.tgz (null) seems to be corrupted. Trying again. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\path\to\downloaded\package.tgz npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'E:\path\to\downloaded\package.tgz' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: C:\Users\86138\AppData\Local\npm-cache\_logs\2025-08-15T01_09_32_912Z-debug-0.log
08-16
npm pack # 生成.tgz文件，如your-package-1.0.0.tgz ``` - 此命令打包当前目录，输出.tgz文件到当前路径。 2. **从tarball安装包**： - 在您的项目中运行： ```bash npm install /path/to/your-package.tgz ...
D:\前端\Front-end-document\practice\vue-practice\hellow_vue3>npm install vue-router npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: element-ui@2.15.14 npm error Found: vue@3.5.21 npm error node_modules/vue npm error peer vue@"^3.2.25" from @vitejs/plugin-vue@6.0.1 npm error node_modules/@vitejs/plugin-vue npm error dev @vitejs/plugin-vue@"^6.0.1" from the root project npm error peer vue@"^3.0.0" from @vue/devtools-core@8.0.2 npm error node_modules/@vue/devtools-core npm error @vue/devtools-core@"^8.0.2" from vite-plugin-vue-devtools@8.0.2 npm error node_modules/vite-plugin-vue-devtools npm error dev vite-plugin-vue-devtools@"^8.0.0" from the root project npm error 3 more (@vue/server-renderer, the root project, vue-router) npm error npm error Could not resolve dependency: npm error peer vue@"^2.5.17" from element-ui@2.15.14 npm error node_modules/element-ui npm error element-ui@"^2.4.5" from the root project npm error npm error Conflicting peer dependency: vue@2.7.16 npm error node_modules/vue npm error peer vue@"^2.5.17" from element-ui@2.15.14 npm error node_modules/element-ui npm error element-ui@"^2.4.5" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error D:\前端\nodejs\node_cache\_logs\2025-09-24T09_01_29_925Z-eresolve-report.txt npm error A complete log of this run can be found in: D:\前端\nodejs\node_cache\_logs\2025-09-24T09_01_29_925Z-debug-0.log
最新发布
09-25
`npm error code ERESOLVE` 错误通常是由于依赖冲突导致的，在这种情况下，是 `element-ui@2.15.14` 与 `vue@3.5.21` 版本不兼容。以下是几种解决方法： #### 1. 使用 `--force` 或 `--legacy-peer-deps` 选项 在...
Vue留言板项目展示：vue-demo-1.0.0
资源摘要信息:"vue-demo-1.0.0-留言板.zip" 知识点一：Vue.js框架 Vue.js是一个用于构建用户界面的渐进式JavaScript框架，由尤雨溪创建。Vue被设计为可以自底向上逐层应用，它只关注视图层，易于上手，同时也非常...
vue-devtools v4.1.5
11-06
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。
vue devtools 6.0
05-19
1、兼容2.x 3.0版本vue 2、manifest.json 中的persistent 已经设置为true了 3、一般情况必须是测试环境使用，生产环境要使用，可以在vue.config中设置环境变量和vue devtool 的关系
vue_tools.zip
08-15
vue插件
Vue dev-tools下载
11-17
vue devtools 开发vue 必备工具
vue-tools使用
qq_37401976的博客
10-30 3310
vue-tools使用 1.到GitHub上下载 git clone https://github.com/vuejs/vue-devtools 2.安装依赖和打包 进入vue-devtools目录 安装依赖 npm install （失败的话，可以设置npm镜像） npm config set registry https://registry.npm.taobao.org 打包 npm run build 在vue-devtools文件夹下：shells>chrome>man
vue-tools安装
杰子的世界
04-03 533
vue-tools安装 在github上拉取代码 切换分支到master 执行npm install 执行npm run build 修改shells目录下的mainifest.json 中的persistent为true 打开谷歌浏览器的设置—>扩展程序，并勾选开发者模式 然后将刚刚编译后的工程中的shells目录下，shells文件夹下的整个chrome文件夹直接拖拽到当前浏览器中，并...
vue-tools快速安装（chrome网上应用商店）
Mo_zifeng的博客
04-12 507
直接到chrome网上应用商店安装，3s搞定 chrome网上应用商店
vuetools安装
qq_45228330的博客
11-01 7261
vuetools安装 一、安装步骤 1.下载压缩包Vue.js+Devtools_5.3.3_chrome.cn.crx（一定是crx结尾），直接解压到你想要的目标文件 链接：百度云连接（bj16） 2.打开Chrome浏览器的 设置 =》点击拓展程序 3.进入如下界面，可以看到我们已经安装的插件，这是我们需要打开右上角的开发者模式 4.点击加载已解压的拓展程序 =》选择目标文件 =》点击选择文件夹 第一步： 第二步 第三步 5.这时在Chrome中可以看到以下图标。 6.刷新后右上角出现vue的拓
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值