Vue-devtools安装

最新推荐文章于 2023-11-14 15:09:44 发布
最新推荐文章于 2023-11-14 15:09:44 发布
阅读量86 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43618136/article/details/104788496
版权

Vue-devtools安装

vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。

网上的手动安装方法都太繁琐了
这里介绍一个简单的
到传送门下载压缩包解压后把面的文件拖拽到谷歌浏览器的扩展程序页面中（开发者模式下）
在这里插入图片描述在这里插入图片描述

广东话的蛇皇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-devtools安装
代码青春
03-26 506
商店直接安装 Chrome Extension https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Firefox Addon https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools ...
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
Vue-DevTools安装教程.docx
08-18
### Vue-DevTools安装教程 #### 一、概述 Vue-DevTools是一款专为Chrome浏览器设计的开发工具扩展，主要用于调试Vue.js应用程序。通过这款工具，开发者能够更方便地检查和调试Vue应用的状态，这对于提高开发效率至...
vue调试工具vue-devtools安装及使用方法
12-12
Chrome 扩展**：打开谷歌浏览器，进入扩展程序页面（`chrome://extensions/`），开启开发者模式，然后点击“加载已解压的扩展程序”，选择 `vue-devtools/shells/chrome` 文件夹，这样就成功安装了 Vue Devtools。...
vue-devtools
最新发布
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
vuedevtools安装
03-02
vuedevtools安装中chrome扩展，里面包含了安装的方法
vue-devtools的安装
skill_spread的博客
02-17 166
在使用vue时，采用vue-devtools工具进行调试会加快效率，本文介绍安装 vue-devtools工具的过程： 步骤如下： 1. 到github下载：地址 git clone https://github.com/vuejs/vue-devtools 2. 在vue-devtools目录下安装依赖包 cd vue-devtools npm install 3. 依赖包下载完后执行npm run build,编译打包成功后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩
Vue dev-tools的安装
那些年踩过的“坑”
11-14 403
2.极简插件：搜索 Vue -> 下载解压 -> 浏览器扩展模式打开，开发者模式 -> 将解压的CRX文件拖拽安装 ->3.如下图，打开Vue 运行的页面，则可以进行调试；如果没有显示，大概率是 插件详情中没有给两个允许的权限；安装 Vue 开发者工具，装插件调试Vue应用。（1）允许访问文件；（2）允许无痕下访问；1.通过谷歌应用商店来进行安装（国外网站）
Vue - vue-devtools 安装
qq_43612151的博客
02-05 1030
一、vue-devtools仓库地址 https://github.com/vuejs/vue-devtools.git 二、把仓库clone到本地打包 （1）git clone https://github.com/vuejs/vue-devtools.git （2）cd vue-devtools （3）非常重要的一步，确认是否在master分支，没有就切换到master分支 （4）npm i 安装依赖模块 （5）npm run build 打包 （6）在chrome的地址栏中输 chrome://ext
Vue调试工具vue-devtools安装
田兴的博客
10-12 621
Vue-DevTools的安装使用 方法一： 点击谷歌浏览器右上角 「三点 」图标 更多工具-----扩展程序-----谷歌商店-----找到Vue-DevTools安装即可 这种方法必须翻墙，如果可以翻墙很简单，要是不能，我们可以换第二种方法。 方法二 进入https://github.com/vuejs/vue-devtools/tree/master 可以直接download到本地 解压后，到vue-devtools-master文件夹中，执行 cnpm install 这个过程很慢很慢 慢
解决Vue-devtools安装npm错误的详细步骤
当遇到在安装Vue.js开发工具vue-devtools时，通过npm install命令总是报错的问题，这可能是由于权限问题、网络连接、依赖冲突或者其他配置错误导致的。以下是亲测有效的解决方案步骤： 1. **环境准备**： 首先，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值