Goolge浏览器安装vue-devtools调试工具

最新推荐文章于 2024-03-30 17:48:26 发布
最新推荐文章于 2024-03-30 17:48:26 发布
阅读量264 收藏 4
点赞数 1
文章标签： vue vue.js google chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38338700/article/details/118408769
版权
本文详细介绍了如何手动下载并安装Vue调试工具。首先从指定地址下载插件包，然后通过两种方法进入Chrome浏览器的扩展程序页面。开启开发者模式，将crx文件拖拽到扩展程序中，并启用'允许访问文件网址'选项。完成这些步骤后，通过F12开发者工具确认Vue调试工具已成功安装。
摘要由CSDN通过智能技术生成

一、插件包 ：下载地址

二、选择“下载插件手动安装”，下载插件包

在这里插入图片描述

三、打开Google浏览器 扩展程序

方法1：

在浏览器地址栏输入后回车：chrome://extensions/
在这里插入图片描述

方法2：

打开设置，找到扩展程序
在这里插入图片描述

四、打开“开发者模式”

在这里插入图片描述

五、将刚下载的crx文件拖拽到扩展程序

在这里插入图片描述

六、选择“详细信息”打开

在这里插入图片描述

这样就配置好了，来试试

七、找到“允许访问文件网址”选项打开

在这里插入图片描述

八、使用Google浏览器打开开发者工具，也可以用快捷键F12，看到vue调试，即vue调试工具安装成功了

在这里插入图片描述
Yeah, it’s done. Thanks for watching~~

urnottalent
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Chrome浏览器安装vue调试工具
cedricdx的博客
11-05 1505
Chrome浏览器安装vue调试工具Chrome浏览器安装vue调试工具步骤： Chrome浏览器安装vue调试工具步骤： 在Github官网下载vue-devtools压缩包：https://github.com/vuejs/vue-devtools 解压压缩包，然后进入到vue-devtools-master文件夹中； 输入npm install命令进行下载安装； 安装完之后...
Chrome 浏览器安装vue的调试工具
zhoupenghui168的博客
04-11 1074
Chrome 浏览器安装vue的调试工具
Chrome浏览器 安装Vue插件vue-devtools
最新发布
A_aspectJ的博客
03-30 3873
vue-devtools 是一个为 Vue.js 开发者设计的 Chrome 插件。它可以让你更轻松地审查和调试 Vue 应用程序。与普通的浏览器控制台工具不同，Vue.js devtools 专为 Vue 的响应性数据和组件结构量身定做。
chrome安装vue调试工具
l_537的博客
09-06 2167
1. 首先下载Vue Devtools调试工具 [https://github.com/vuejs/vue-devtools/tree/v5.1.1] 2. 复制网址，在浏览器打开按照图示操作 3. 下载成功后解压即可，如下图所示 4. 解压后打开cmd命令切换到G:\Vue Devtools工具\vue-devtools-5.1.1路径下（你们安装的路径自己切换） 5. 切换命令成功后使用命令npm install下载，下载成功如下图所示 6. 然后在npm run build 如下图所示 7
Vue调试工具的安装
m0_53415205的博客
02-04 2964
Vue调试工具的安装 第一种方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、点击右上角按钮，勾选开发者模式 3、点击“加载已解压的扩展程序”按钮，选择解压后的chrome文件夹，或直接将解压文件拖入窗口，即可添加成功。 4、添加完vue-devtools扩展程序之后，浏览器打开vue项目便可调试， 安装包链接：https://pan.baidu.com/s/1WmYbIKMkXy9fKSQcD2hdsQ 提取码：poz7 第二种方法： 1.http
小号多开浏览器（小号多开工具）
02-19
“候鸟浏览器”，最好用的多开浏览器，国产最火、亚马逊测评专用，界面简洁易上手，创建环境数量无限制。 适用于亚马逊，Facebook，Goolge，Paypal，Twitter，ebay，vk等各大平台注册帐号，养号，广告投放优化，测评...
goolge浏览器jsonView插件，json格式化工具
11-20
总之，JSONView 是 Google Chrome 用户处理 JSON 数据的强大辅助工具，无论是前端开发者调试 API 返回的数据，还是后端开发者分析请求响应，都可以极大地提高工作效率。通过安装和使用 JSONView，你将能够更加轻松地...
goolge-with-parse.com
05-21
【标题】"goolge-with-parse.com" 是一个与JavaScript相关的项目，可能是一个教程或示例，用于展示如何在Web应用中集成Google服务与Parse.com的后端功能。Parse.com是一个曾经流行的服务，提供云数据库和后端服务，...
app添加goolge内置购买项及调试
11-11
### Android APP 添加Google内置购买项及调试详解 #### 一、获取项目License Key 要开始在Android应用中集成Google Play的内置购买功能，首先需要获取项目的License Key。具体步骤如下： 1. **登录Google Play...
Goolge-maps-API
01-21
谷歌地图API（Google Maps API）是一种强大的工具，允许开发者在自己的应用程序或网站上嵌入谷歌地图的功能，包括地图显示、地理编码、路线规划、位置标记等。在DELPHI这个流行的面向对象的编程环境中，我们可以利用...
Vue的调试工具安装
qq_44741577的博客
02-02 584
只有在含有Vue的网页中才有如下选项。访问极简插件官网搜索devtools。点击 Chrome 浏览器。
vue调试工具——vue tools安装
fxnfk
05-16 6361
参考：https://www.cnblogs.com/yuqing6/p/7440549.html 从github下载zip：https://github.com/vuejs/vue-devtools，解压。 在vue-devtools目录下安装依赖包： cnpm install 修改manifest.json文件 在这个目录下：E:\迅雷下载\前端\vue\vue-devtools...
vue.js调试工具安装
鲁花花生油
05-09 458
1.vue官网 https://cn.vuejs.org/ 2.官网右上角的生态系统里下拉的官方仓库 3.找到vue-devtools 4.找到相对应的点过去，得翻墙才能访问到哦 5.点击添加，添加完刷新页面即可(我这里已经添加，所以显示删除) 6.有这个就成功了 完结，撒花 ...
Vue调试工具vue-devtools的安装
qq_35066582的博客
12-12 969
今天重新学习vue的时候，把之前没有安装的Vue调试工具vue-devtools给安装了一下，安装步骤如下： 1. 访问网址：https://chrome-extension-downloader.com/来到下面这个界面，找到Vue.js-devtools(v5.3.3)，点击下载到本地 2. 下载后的文价夹名为：Vue.js-devtools_v5.3.3.crx，后缀名为crx，那么如何解压这个文件呢？ 3. 解压Vue.js-devtools_v5.3.3.crx文件：将Vue.js-de
vue安装调试工具
我是一枚程序员
01-02 425
只需要下载这个压缩包，谷歌浏览器输入chrome://extensions/。把开发者模式打开，点击加载已解压的扩展程序，选择刚才解压缩的文件包即可，就是这么easy！记录下。 下载地址 链接：https://pan.baidu.com/s/1Is6_-4hLNu4xd9fmPW3UzA 提取码：qjy3 ...
vue调试工具vue-devtools的安装
seimeii的博客
04-29 1520
1.vue-detools是什么 1.vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试 2.这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 1.第一步： 我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。 克隆方法：git clone https://github.com/vuejs/vue-devtools.git 2.第二步： 解压下载好的文件，进入到vue-devto
【Vue】vue-devtools调试工具安装和配置
早睡早起长头发的博客
01-30 944
在浏览器中访问一个使用了 vue 的页面，打开浏览器的开发者工具，切换到 Vue 面板，即可使用 vue-devtools 调试当前的页面。vue 官方提供的 vue-devtools 调试工具，能够方便开发者对 vue 项目进行调试与开发。2. 配置 Chrome 浏览器中的 vue-devtools。3. 使用 vue-devtools 调试 vue 页面。1. 安装 vue-devtools 调试工具。修改完配置项，须重启浏览器才能生效！
vue devtools调试工具安装（详细）
weixin_46911985的博客
02-06 2440
下载完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入此文件夹，将其中vender 文件夹下的 manifest.json文件 进行编辑，修改persistent 为 true，保存文件。最后将vender 文件拖至浏览器的扩展程序中，重启浏览器就可以使用了。打开浏览器找到扩展程序（以谷歌为例），并勾选开发者模式，点击出现的“创建一个空的文件夹，命名最好可以见名知意，复制目录后打开命令行。
安装vue 调试工具 devtools
qq_40410916的博客
08-17 150
首先进入官网 然后选择tag一个稳定版本下载包zip 在解压后命令执行 执行 yarn install 打包 yarn run build 在浏览器选择添加扩展
"Google搜索工具终极教程：使用技巧及新功能详解
Google搜索终极教程是一本由个人搜集了关于Google搜索工具的使用教程而编写的书，旨在奉献给大家。这本教程详细介绍了Google搜索引擎的各种功能和用法，以及如何通过Google搜索引擎来优化网页，提高网站在搜索结果中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值