vue dev-tools的安装过程出现问题及解决问题的步骤

已于 2022-02-11 17:42:09 修改
阅读量255 收藏
点赞数
分类专栏： dev-tools 文章标签： vue.js npm 前端 webpack chrome devtools
于 2022-02-11 17:37:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gavin1719/article/details/122885139
版权
本文详细介绍了在安装vue dev-tools时遇到的npm依赖问题和git克隆分支错误，提供了升级npm、切换git分支为v5.1.1的解决方案，帮助开发者成功安装vue开发工具。
摘要由CSDN通过智能技术生成
vue dev-tools的安装过程出现问题及解决问题的步骤

  1. 到github下载： https://github.com/vuejs/vue-devtools

    git clone https://github.com/vuejs/devtools

  2. 安装依赖

    进入安装的目录中

    npm install

  3. 打包

    npm run build

    安装过程出现的问题及解决方案

  4. 第2步出现一下错误

    出错原因：升级 npm 至 v7.6.2 后, 运行 npm i 安装依赖，报错 ERESOLVE unable to resolve dependency tree

最低0.47元/天 解锁文章
gavin1719
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue dev-tools离线安装包 chrome版本 6.6.1
04-13
Vue dev-tools浏览器扩展的下载，安装方式如下： 打开Chrome浏览器–>选择更多工具–>扩展程序–>打开开发者模式,点击“加载已解压的扩展程序” 如果找不到该方式就看下开启开发者模式再试。
chrome插件vue-dev-tools手动安装版
03-24
标题"chrome插件vue-dev-tools手动安装版"指的是这个压缩包包含了一个特别编译的Vue DevTools插件版本，适用于Chrome浏览器，且是2020年3月24日的最新代码。这通常是因为常规的在线安装渠道无法满足需求，比如开发者...
解决Vue报错unable to resolve dependency tree
Oliver尹的博客
07-23 1058
今天在新创建一个项目，也就是在空文件夹里执行Vue脚手架的创建代码，创建报错ERESOLVE unable to resolve dependency tree
vue-devtools安装
yun的博客
03-09 2034
第一步 到guthub上去下载安装包，地址：https://github.com/vuejs/vue-devtools/tree/master 注意这里是需要下载master分支的 下载成功后里面会有一个shells文件夹，说明是可用版本 第二步 然后输入npm install命令安装依赖 注意第一步时一定下下载master分支的，不然这里会报错 安装完成之后执行命令npm run build 第三步 打开谷歌浏览器，进入更多工具 > 扩展程序 点击加载已解压的拓展程序 > 选择vu
安装vue-devtools过程中种种问题
热门推荐
u012881483的博客
12-21 1万+
周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在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
解决浏览器中 vue-devtools 不显示的问题
来杯卡布奇诺的博客
08-09 1万+
一种是 vue-devtools 的配置错误，我们需要进入到 vue-devtools 的详情页中，将“允许访问文件网址勾选起来”。vue 项目中浏览器右上角可以显示出插件，但是控制台却没有显示。第三种情况是项目使用了 externals 打包优化。...
vue3-dev-tools.crx
02-22
安装Vue3 DevTools的过程相对简单，只需要将`vue3_dev_tools.crx`文件拖放到Chrome浏览器的扩展管理页面即可。不过需要注意的是，由于安全策略，现代浏览器可能需要开启“开发者模式”才能手动安装CRX文件。 总的来...
vue3 dev-tools
09-21
Vue3 Dev-Tools是一款强大的浏览器开发者工具，专为Vue.js 3.x框架设计，用于帮助开发者在构建Vue应用时进行调试和性能优化。它提供了一种直观的方式，让开发者能够查看和操作Vue组件的内部状态，实时编辑数据，追踪...
vue-dev-tools.crx
02-22
安装"vue-dev_tools.crx"文件到Chrome浏览器的过程通常涉及将文件拖放到浏览器扩展管理页面，或者在开发者模式下手动加载。安装完成后，开发者可以在浏览器的开发者工具中找到Vue DevTools的图标，一键开启或关闭。 ...
vue.js (2.6.11)、vue devtools、vue页签不显示的解决 办法
04-03
学习vue，安装vue devtools后，按F12发现无法显示vue页签，百度后原因有二：1.vue.js(2.6.11)文件应该是无压缩、调试版本的；2.需要在vue devtools控制面板中勾选“在无痕模式下启用”、“允许访问网站文件”。本资源包含vue调试版本的无压缩文件、以及vue devtoosl离线安装插件。
Vue.js devtools工具不显示问题
ihchenchen的博客
11-25 5487
Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author. 网络上般说的问题原因：1、可能是在main.js里设置了Vue.config.devtools=false；2、可能是用了vue.min.js， 但是如果两个的你都确定没有问题。你需要打开index.html和Vue.config.
浏览器安装了Vue-devtools插件，但在浏览器控制台不显示的问题解决方案
计算机小白学前端~
05-15 1万+
1. 具体问题如下：浏览器安装了Vue-devtools插件，浏览器控制台调不出来，页面显示正常，无其他问题 2. 错误原因：没显示调试工具的原因是用了生产环境的版本或是引入了压缩的vue版本，或是没有勾选（我就是引入了压缩的Vue文件，所以出现错误了） 3.具体解决方案：在你的代码 js里面添加如下代码 Vue.config.devtools = true; 4.问题成功解决 ...
vue-devtools插件编译安装
草宝虫的博客
04-13 935
vue-devtools插件编译及安装
安装Vue2的devtools发生错误npm ERR! code EINTEGRITY npm ERR! sha1-HTFDXrRzR2Ew8Bv9zlMSCVgPsS0= integrity che...
weixin_30260399的博客
09-19 590
1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build. 但是！！！这里，发生这个错误怎么解决 npm ERR! code EINTEGRITYnpm ERR! sha1-HTFDXrRzR2Ew8Bv9zlMS...
vue-devtools无法显示的解决办法
weixin_43866830的博客
08-31 7286
控制台无法显示的解决方法   在安装完vue-devtools，浏览器右上角可以显示出插件，但是控制台却没有显示，这边为大家介绍两个简单粗暴的方法。   一种就是vue-devtools的配置错误，这里我们需要进入到vue-devtools的详情页中，将“允许访问文件网址勾选起来”：   若以上设置了之后还是不可以的话，便在你的代码的入口文件中添加一行以下代码： Vue.config.devtools = true;   到这里控制台就可以正常显示vue的调试工具啦！ ...
安装成功Vue.js devtools后控制台不显示
weixin_42005600的博客
01-04 726
记录成功解决 https://www.codeprj.com/blog/a6d1331.html
vue cli 创建 vue2 项目报错：ERESOLVE unable to resolve dependency tree
GoldenaArcher的博客
07-02 3144
这是一个很奇怪的问题，package.json 给了别人帮忙下载一下，发现运行并没有任何问题，但是在本机酒完全跑不起来。 公司电脑也没任何问题，并且公司电脑的版本也是 v14.16.XX，运行并没有任何问题。个人电脑的版本也是 v14，但是却安装失败，随后升级到 v14.17.X，也就是最新版本，没用，还是有同样的错误。
关于安装了Vue-devtools插件但在浏览器控制台不显示的解决方案
m0_46404694的博客
06-23 1072
解决方法： 官方建议在项目入口文件（main.js）引入： Vue.config.devtools = true;
详细介绍 Vue3 的 watch 和 watchEffect
最新发布
weixin_52648900的博客
08-15 632
非常详细介绍了vue3的watch和watchEffect区别和联系
解决Vue-devtools安装npm错误的详细步骤
以上就是解决Vue.js开发工具vue-devtools安装报错问题的具体步骤，遵循这些步骤操作，通常能避免常见的安装障碍，顺利实现vue-devtools的安装与使用。如果你遇到其他问题，可以尝试检查网络连接、清理npm缓存或更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值