Vue小插曲之Vue-devtools的安装

最新推荐文章于 2024-05-11 00:41:34 发布
最新推荐文章于 2024-05-11 00:41:34 发布
阅读量216 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuxiaobeicheng/article/details/105016918
版权

简单粗暴式安装

打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》加载已解压的扩展程序—》选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！

我已经把相关文档放在了百度网盘上链接：
https://pan.baidu.com/s/1ni8sRfjKUUbHOJUkMf2vSQ
提取码：7tt2

我在安装这个插件的时候，编译错误，搜索了好多种方法，也没有解决，结果我就用了黑马培训时老师发的那个，简单粗暴，但是很好用。为了不想让更多的vue初学者和我一样把时间浪费在安装插件上，特此奉上，在链接里的资料文件夹里 有个Chrome文件夹，按照上诉方法操作即可，如果实在不行，可以给我留言

"努力敲代码的朱姝祎i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 2万+
下载、编译、安装、使用vue-devtools
超详细Vue Devtools的下载和安装——Vue的调试工具
热门推荐
沐小侠
01-11 5万+
在使用 Vue 时，我们推荐在浏览器上安装 Vue Devtools。vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用。 下载 Github下载地址：https://github.com/vuejs/vue-devtools/tree/v5.1.1 解压下载的文件，在这里解压到D:/Vue下。 在命令行中切换到解压好的vue-devtools-5.1.1目录，使用cnpm install命令进行依赖安装。 依赖包下载完后执行npm run build,编译打包成功后会
图文详解vue.js devtools插件使用方法
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7470
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
2024年vue调试工具vue-devtools安装及使用(支持vue3版本)(2)，2024年最新热门面试
最新发布
2401_84123380的博客
05-11 1036
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
【Vue】全家桶之vue-devtools
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
08-08 6976
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
vue-devtools-5.1.1
12-29
这个"vue-devtools-5.1.1"版本是Google开发的Vue DevTools的一个特定版本，主要用于支持Vue.js 2.x的应用。 Vue DevTools 5.1.1 版本主要特性包括： 1. **组件树视图**：展示应用中的所有Vue组件及其层级结构，...
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
Vue调试神器vue-devtools.zip
12-26
安装Vue Devtools非常简单，只需在Chrome或Firefox的Web扩展商店搜索"Vue Devtools"，然后按照提示进行安装即可。在实际的项目开发中，它将是你不可或缺的伙伴，帮助你轻松应对各种Vue应用的调试挑战。
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
vue-tools谷歌插件.zip
11-29
vue-tools谷歌浏览器插件，解压即可安装，非常好用。
vue devtools的安装与使用教程
12-08
一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 二.解压到本地的某盘 三.用你的npm中进入该文件夹下 四.依次输: 1:npm install 2:npm run build         (这一步一定不要忘了，没有执行这一步的话，项目文件夹shells>chrome文件夹里会少一个src文件夹,如下图) 五：修改shells>chrome文件夹下的mainifest.json 中的persistant为true 六：我们找到谷歌浏览器的扩展程序功能，勾选开发者模式，然后我们将插件文件夹里的shells>
Vue dev-tools下载
11-17
vue devtools 开发vue 必备工具
【vue2】Vue Cli脚手架与VueTools的安装详解
嗨，朋友你好！我是前端领域的工作者
01-09 4464
Vue Cli脚手架与VueTools的安装详解（看这一篇绝对够了！！！）
【前端】vue-devtools的详细安装讲解
分享记录开发中的问题，欢迎一起探讨！
11-24 4029
文章目录前言准备工作npmgit正式开始vue-devtools自定义版本编译细说 前言 vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。 相信很多小伙伴也非常想安装这个小插件，但是网上找了很多办法，不是这个模块找不到就是各种不行。这里针对不能在商店下载插件的小伙伴们提供一种方式，一步一步来就可以成功。 准备工作 npm 没有npm的小伙伴要去安装一个npm,搜索node.js官网 安装好node之后自然也就安装好了npm。设置npm的镜像地址
怎么安装vue-devtools
qq_50276105的博客
08-12 1617
选择并打开vender文件：最终插件会出现在浏览器扩展程序列表中：
vue-tools---谷歌扩展程序安装
qq_34904695的博客
07-06 1008
安装谷歌扩展工具vue-tools
vue-devtools安装
大连赵哥的博客
06-10 198
vue-devtools安装
vue3调试工具是vue-devtools如何安装
05-11
要安装Vue.js 3的调试工具vue-devtools，您需要执行以下步骤： 1. 首先，您需要在浏览器中安装Vue.js 3的开发版本。您可以在Vue.js的官方GitHub存储库中找到开发版本的源代码。 2. 接下来，您需要将Vue.js 3的开发...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值