手动安装vue-devtools

最新推荐文章于 2024-07-20 23:54:17 发布
最新推荐文章于 2024-07-20 23:54:17 发布
阅读量502 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://juejin.im/post/5cbb231ff265da03973aab59
版权
  1. 找到vue-devtools项目，并将项目clone到本地 git clone github.com/vuejs/vue-d…
  2. 安装项目需要的npm依赖包 npm install 或 cnpm install
  3. 编译项目 npm run build
  4. 添加至chrome浏览器 浏览器地址栏中输入 chrome://extensions/ 进入扩展程序页面


点击“加载已解压的扩展程序”按钮，选择vue-devtools中的shells文件夹下的chrome文件夹。


  • 如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。


转载于:https://juejin.im/post/5cbb231ff265da03973aab59

weixin_33690963
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
Vue调试神器vue-devtools.zip
12-26
安装Vue Devtools非常简单，只需在Chrome或Firefox的Web扩展商店搜索"Vue Devtools"，然后按照提示进行安装即可。在实际的项目开发中，它将是你不可或缺的伙伴，帮助你轻松应对各种Vue应用的调试挑战。
vue-devtools手动安装教程
m0_37296026的博客
05-31 452
vue-devtools
Mac手动安装 vue-devtools
qq_41083616的博客
05-07 735
找了好多教程，只有下面这篇执行下来是成功地，因此记录一下： 原博客：https://www.cnblogs.com/helios-fz/p/14823137.html 首先去码云下载 vue-devtools 的源码： https://gitee.com/mirrors/vue-devtools/tree/master/ 注意这里要下载master分支的，别的分支后面可能会报错。 把下载后的文件解压，放在你喜欢的地方，然后在该文件夹下打开终端： 加载依赖包： cnpm install build项目：
2024年最全vue调试工具vue-devtools安装及使用(支持vue3版本)(1)，面试完腾讯我才发现这些知识点竟然没掌握全
2401_84619467的博客
05-07 1358
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件cd devtools-6.0.0-beta.153.安装所需npm依赖包，这里建议用国内淘
【git 安装vue-devtools】
weixin_48995485的博客
04-24 1369
下载vue-devtools git clone https://github.com/vuejs/vue-devtools 可能出现的问题 fatal: unable to access 'https://github.com/vuejs/vue-devtools/': OpenSSL SSL_read: Connection was reset, errno 10054 解决办法1：可能是网络问题建议换个网，或者使用流量 解决办法2：把git clone https://github.com/vue
搭建vue2.0开发环境及手动安装vue-devtools工具
小小白兔兔
02-25 600
1.安装node.js，如果安装成功输入 node -v ,查看node版本号，输入npm -v查看npm版本 https://nodejs.org/en/ 2.注册淘宝镜像，定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue的脚手架v...
Vue调试vue-devtools安装
boundle_ss的博客
12-30 250
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 手动安装 第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools git clone https://github.com/v
Chrome安装Vue插件vue-devtools
Min_nna的博客
04-03 1427
Vue DevTools 是一个非常有用的 Chrome 扩展，它提供了一个更好的界面来调试 Vue.js 应用。
vue-devtools手动安装
illa123的博客
06-05 713
步骤1：找到vue-devtools的github项目，并将其clone到本地(https://github.com/vuejs/vue-devtools) git clone https://github.com/vuejs/vue-devtools.git 步骤2：安装项目所需要的依赖包 npm install 步骤3：编译项目文件 npm run build 步骤4：在vu...
electron+vue项目安装vue-devtools插件
feinifi的博客
10-16 6383
这里记录一下自己安装过程中遇到的问题： 1、首先需要安装vue-devtools，遇到了源码编译构建的时候的webpack,webpack-cli反复提示缺失的问题。 这个问题很烦: a git clonehttps://github.com/vuejs/vue-devtools 这一步其实有个巨坑，官方的代码默认是dev分支，我们需要切换到master分支，才能顺利的进行build。切换分支需要在命令行下执行如下指令即可： git checkout ...
如何安装vue-devtools（超简单）
庸人方自扰，自在就好
12-01 5364
vue-devtools的安装有两种方法，第一种是通过谷歌应用商店进行安装，第二种是手动安装： 方法一（通过谷歌应用商店进行安装，需要翻墙）： 打开谷歌的更多工具-扩展程序，打开左上角的“主菜单”，点击下面的“打开Chrome网上应用店”，这个应用商店是需要翻墙的，一般同学是打不开的！ 能打开的同学搜索Vue.js devtools，把第一个扩展程序添加至Chrome即可。 方法二：（手动安装，无需翻墙） 1、打开https://github.com/vuejs/vue-devtools 2
Chrome 安装 Vue 插件 vue-devtools
qq_44103359的博客
04-13 1112
Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面和单页应用程序。Vue 的设计目的是能够灵活地适应开发者的需求，并且易于上手。Vue-devtools 是一个强大的浏览器扩展，它为 Vue 应用程序的开发和调试提供了便利。本文将详细介绍如何在 Chrome 浏览器中安装和使用 Vue 插件 vue-devtools。
vue-devtools5.1.1.rar
12-18
5. **Vue CLI集成**：当与Vue CLI一起使用时，Vue Devtools 自动与项目配置同步，无需手动安装或配置，极大地简化了开发流程。 6. **Vue生态系统支持**：除了基本的Vue功能，Vue Devtools 还支持一些常见的Vue生态...
vue-devtools.rar
09-26
4. **启用Vue DevTools**：安装完成后，你可以在谷歌浏览器的开发者工具中看到Vue DevTools面板。通常按`F12`或`Ctrl+Shift+I`组合键可以打开开发者工具，然后选择“Vue”选项卡，即可开始使用Vue DevTools进行调试...
vue-devTools安装 谷歌浏览器拓展程序
09-05
Vue.js devtools是基于google chrome（谷歌）浏览器的一款调试vue.js应用的开发者浏览器扩展 内涵vue.js.devTools插件 及其安装方法 手动加载到chrome浏览器的扩展程序中
Next.js静态导出与动态路由优化
最新发布
天涯学馆
07-20 739
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1082
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 549
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
安装vue插件vue-devtools
12-12
Vue插件vue-devtools是一款基于Chrome浏览器的插件，用来调试Vue应用，可以大大提高Vue项目开发效率。安装vue-devtools有三种方法：通过谷歌应用商店进行安装、手动安装和直接下载使用网友分享出来的资源。其中，手动安装的步骤如下： 1.下载vue-devtools插件； 2.进入浏览器设置，点击扩展程序； 3.开启开发者模式，点击加载已解压的扩展程序或者直接拖拽已解压的扩展程序； 4.安装成功以后就可以看到Vue插件图片，点击开启； 5.通过npm run serve启动应用以后，即可看到浏览器右上角的Vue插件图片，表示Vue.js devtools已启动，点击vue一项即可。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值