win10 vue-devtools的安装和使用

已于 2022-02-14 14:42:50 修改
阅读量400 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端 javascript
于 2022-02-14 14:41:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38858749/article/details/122924131
版权

安装

  1. 方法一： 直接在谷歌浏览器中打开应用商店搜索“vue-devtools”，安装这个扩展程序即可。
  2. 方法二：
    https://blog.csdn.net/woyao_ziyuan/article/details/106946340

使用

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

中国“名猿”
关注
专栏目录
安装vue-devtools过程中种种问题
drhrht的博客
03-02 8393
周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在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
解决electron10.1.3+vue3无法显示vue-devtools问题
总之就是非常可爱
10-18 7219
项目使用@vue/cli 4脚手架创建 package如下，我使用的electron-devtools-installer 科学上网自动安装 "vue": "^3.0.0" "electron": "10.1.3", "electron-devtools-installer": "^3.1.1", "vue-cli-plugin-electron-builder": "~2.0.0-rc.4" background.js中的安装代码： app.on("ready", async () =>
vue devtools
12-16
vue devtools vue Google浏览器调试工具插件，vue Google浏览器扩展插件
win10下vue-devtools的安装和使用
s_ohygvhj的博客
11-23 358
https://www.cnblogs.com/yihan123/p/10414884.html 感谢文章作者 易函123
Vue Devtools 插件 - 高效Vue.js应用开发与调试
最新发布
weixin_42591413的博客
09-14 1692
本文还有配套的精品资源，点击获取 简介：Vue.js 是一个用于构建用户界面的前端JavaScript框架，而 Vue Devtools 是一个为 Chrome 设计的开发者工具，它无需额外安装依赖即可使用。此压缩包提供了对Vue应用的深度调试功能，包括查看组件树、状态检查、生命周期图表、性能分析、Vue Router集成、Vuex集成、时间旅行调试以及命令行工具等。只需解...
windows系统安装vue的devtools插件
weixin_42471170的博客
11-18 461
1.在github上，下载代码： git clone https://github.com/vuejs/devtools.git 2.把persistent改为true 3.在devtools目录下，安装包yarn，在构建yarn run build。 4.window系统下会报错，如下： 5.解决方案： 在E:\resource\devtools\packages\shell-chrome\package.json文件中， 把rm -rf 命令替换为 rimraf 命令，如下： 6.再重新构建：
vue devtools 在win10 下使用方法
麦兜
12-21 222
安装vue devtools 两者选择其一就可 yarn add @vue/devtools -D npm install @vue/devtools -D 找到./node_modules/.bin/vue-devtools.cmd文件 运行vue-devtools.cmd 加入一下代码就可以进行调试 <script src="http://localhost:8098"></script> <script> Vue.config.devtools =.
据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘
u012384510的博客
05-12 1488
1. 前言你好，我是若川[1]，微信搜索「若川视野」关注我，专注前端技术分享，一个愿景是帮助5年内前端开阔视野走向前列的公众号。欢迎加我微信ruochuan12，长期交流学习。这是学习源码...
学习 launch-editor 源码整体架构，探究 vue-devtools「在编辑器中打开组件」功能实现原理...
u012384510的博客
05-06 1156
1. 前言你好，我是若川[1]，微信搜索「若川视野」关注我，专注前端技术分享，一个愿景是帮助5年内前端开阔视野走向前列的公众号。欢迎加我微信ruochuan12，长期交流学习。这是学习源码...
VueDevTools
caoxu12457的博客
05-18 239
Vue一款开源的调试工具，在FireFox里可以通过商店下载，但是在Chorm浏览器里，商店必须要翻墙才能访问。但是想使用该工具还是可以在GIT上下载源码解压后手动安装。 此处提供插件，省得各位顶着高延迟下载。 ...
vue-devtools
04-27
下载最新版本vue-devyools后，build报错，可以下载使用，这里只包含shells下的chrome，直接替换就可以，亲测可用
Vue DevTools
Vinca@的博客
06-21 4396
当你开发 Vue 应用时，Vue DevTools 是一个非常有用的工具，可以帮助你调试、监控和优化你的应用。本文将全面介绍 Vue DevTools 的功能和用法，并提供了一种通过 vue3 快捷安装命令一键安装 Vue DevTools 的方法。此外，还将介绍如何在 VS Code 中使用 Vue DevTools，帮助你更高效地开发 Vue 项目。
Vue-devtools：从安装到使用的全面指南
安装并启用Vue-devtools插件后，开发者可以通过Chrome浏览器的开发者工具中的“Components”和“Console”标签页来使用Vue-devtools的功能。在“Components”标签页中，开发者可以查看当前Vue应用的组件结构，通过这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值