Vue调试工具的安装方法（动动鼠标就完成，不会意外报错，超爽~）

最新推荐文章于 2024-01-08 10:58:35 发布
最新推荐文章于 2024-01-08 10:58:35 发布
阅读量99 收藏
点赞数 1
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46370867/article/details/112851902
版权

Vue调试工具的安装方法

1. 打开谷歌浏览器的网上应用商店并搜索

谷歌浏览器的网上应用商店
https://chrome.google.com/webstore/category/extensions

在这里插入图片描述

2. 点击你要安装的插件

在这里插入图片描述

3. 把插件安装到浏览器

在这里插入图片描述

在这里插入图片描述

4. 打开管理扩展程序

右键Vue的图标，打开该插件的“ 管理扩展程序 ”
在这里插入图片描述

5. 允许访问文件网址

在这里插入图片描述
6. 重启浏览器

end~

好啦，结束啦，觉得有帮助的小伙伴记得点赞收藏哦~

weixin_46370867
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
超详细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调试工具vue-devtools安装及使用方法
12-12
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2....
Vue学习之如何进行调试
weixin_30399871的博客
01-08 266
调试方法 vue调式方法,浏览器检查元素进入到console 1、console.log() 2、alert('sd') 3、debugger //程序会运行到这里停止 ![](https://img2018.cnblogs.com/blog/1158417/201901/1158417-20190108114242214-1924223478.png) 使用在浏览器上使...
Vue调试工具vue-devtools的安装与使用
xm1037782843的博客
11-05 9978
主要介绍vue-devtools的安装与使用
安装vue-cli报错的解决方法
最新发布
Hacker_Hacker007的博客
01-08 2473
可以试一下能否正常安装vue-cli：npm install -g @vue/cli。可能是缓存造成的问题,执行：npm cache verify。2、执行npm install -g vue-cli。需要右键点击nodejs 的安装文件夹，点击属性。说明是nodejs 的users用户权限不够。出现如下代码，说明缓存清除成功。安全--users-编辑。1、安装nodejs。3、如果出现如下情况。
安装vue-devtools调试工具，npm run build 报错
danni_he的博客
08-17 9303
问题 在github上下载vue-devtools-dev包，使用npm install , npm run build。 构建出错：Cannot find module ‘@vue-devtools/build-tools’ 百度了很久没能解决。 有小伙伴说【最后安装 yarn 代替 npm 进行上述步骤，构建成功】。 但是我用yarn还是不行。 yarn的常用命令： 安装yarn npm install -g yarn 安装成功后，查看版本号： yarn --version 然后看到这个这篇文章，终于安
Vue3-devtools开发者工具正确安装方法
Zhang_wang_yun的博客
05-30 1万+
学习Vue3自然离不开调试工具Vue3-Devtools，所以我们需要来下载这个调试工具并放入谷歌浏览器里的扩展程序里面。帮助我们更好的调试vue3里的程序。
Vue3安装最新版sass-loader node-sass报错解决方法
QC班长的博客
01-18 3636
最近在升级前端项目框架，之前的前端框架是Vue2.0构建的，最近打算全部都升级到最新版的，nodejs升级到了目前最新版v16.13.2，Vue ^3.0.0，VueCLI~4.5.0，然后在升级SASS预处理器时执行安装命令报错了 执行vue-loder官网的安装命令npm install -D sass-loader node-sass报错如下： 大概意思是依赖包冲突了，VueCLI4版本用的webpack版本依赖和sass-loader用的webpack依赖冲突，需要更新依赖或者降
vue/cli的安装报错以及解决问题的方法
weixin_71454352的博客
09-30 6175
安装vue/cli时，显示报错信息的解决方法
VUE3 vue-devtools 调试工具下载安装
NiKlaus729的博客
06-06 6756
VUE3下载安装devtools 调试工具
Vue浏览器调试工具VueTools安装以及使用
热门推荐
joan_yb的博客
02-10 1万+
Vue浏览器调试工具VueTools安装以及使用
VUE 配置vue-devtools调试工具及安装方法
01-19
1. 通过 Git 克隆项目到本地 git clone ...3.修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将persistent 参数改为 true，如下图： 4. 将扩展程序添加到chrome浏览
vue实现鼠标经过动画
10-16
主要为大家详细介绍了vue实现鼠标经过动画的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue调试神器vue-devtools安装方法
11-29
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装方式 1.chrome商店直接安装： vue-devtools可以从chrome商店直接...
Vue前后端交互~非常详细哦~
weixin_46370867的博客
01-25 6035
目标 能够说出什么是前后端交互模式 能够说出Promise的相关概念和用法 能够使用fetch进行接口调用 能够使用axios进行接口调用 能够使用async/await方式调用接口 能够基于后台接口实现案例 目录 前后端交互模式 Promise用法 接口调用-fetch用法 接口调用-axios用法 接口调用async/await用法 基于接口的案例 前后端交互模式 接口调用方式 原生Ajax 基于jQuery的Ajax fetch　（API） axios　 （第三方库） URL地址格式 传
Vue修改用户信息~不要错过哦
weixin_46370867的博客
01-30 3988
下面是对修改用户信息功能的整理，希望可以帮助到有需要的小伙伴~ 文章目录修改用户信息按钮的样式修改用户信息按钮的对话框修改用户信息所需的数据修改用户信息的方法接口根据 ID 查询用户信息编辑用户提交 修改用户信息按钮的样式 <!-- 修改按钮 --> <!-- scope.row 获取到 改行 的所有数据 --> <!-- scope.row.id 获取到 改行 的数据中的id --> <el-button type="primary" icon="el
Vue实现可折叠导航菜单~非常详细
weixin_46370867的博客
01-27 3721
通过Vue编写一个二级，并且是可以折叠的导航菜单 文章目录思路在main.js中 配置axios导入element样式Home.vue实现静态页面、样式及功能 思路 在侧边栏区域只写了一个二级导航，通过axios获取到侧边栏的数据，通过v-fot循环渲染该数据，形成多个二级菜单 使用elemen-ui进行样式的设置 在main.js中 配置axios 导入axios包 配置请求的根路径 把axios包挂载到vue原型对象上：这样每一个vue组件都可以通过this直接访问到$http，从而去发起ajax请求
Vue登录退出功能
weixin_46370867的博客
02-13 3380
Vue登录/退出功能 登录概述 1.登录业务流程 在登录页面输入用户名和密码 调用后台接口进行验证 通过验证之后，根据后台的响应状态跳转到项目主页 2.登录业务的相关技术点 http是无状态的 通过cookie在客户端记录状态 通过session在服务器端记录状态 通过token方式维持状态 如果前端与服务器端之间不存在跨域，可以使用cookie或session 如果前端与服务器端之间存在跨域，可以使用token 登录 - token原理分析 登录功能实现 1.登录页面的布局 通过El
Vue事件绑定（非常详细哦~）
weixin_46370867的博客
01-19 3278
下面是对Vue中事件绑定的整理，希望可以帮助到有需要的小伙伴~ 事件绑定 vue如何处理事件 v-on指令用法 <input type= ‘button”v-on:click="num++'/> v-on简写形式 <input type= ‘button'@click='num++/> 事件函数的调用方式 直接绑定函数名称 <button v-on :click（事件类型）='say（方法名）'>Hello</button>
制作vue调试工具的时候报错
07-12
### 回答1： 当制作Vue调试工具时遇到报错时，首先我们需要确定报错的具体信息。一般情况下，报错信息会提示错误的位置和原因。 第一步是检查报错信息，...这样我们就能更好地解决报错，顺利完成 Vue 调试工具的制作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值