vue调试工具插件的安装讲解

已于 2024-08-02 16:19:37 修改
阅读量387 收藏 5
点赞数 18
分类专栏： VUE 文章标签： vue.js
于 2024-08-02 16:19:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56572199/article/details/140872973
版权

文章目录

前言

本文主要讲解了新手学习VUE时利用极简插件调试的安装

二、安装步骤

1.百度搜索极简插件

网址：https://chrome.zzzmh.cn/search
点击搜索，输入VUE,选择图中进行下载
在这里插入图片描述

2.下载扩展到谷歌

在这里插入图片描述

打开谷歌浏览器
在这里插入图片描述

将下载解压后的文件拖拽进来
在这里插入图片描述

点击详情
在这里插入图片描述

3.启动vue在网页当中进行查看调试

在这里插入图片描述

总结

希望能够帮助到大家谢谢！

学运维的TT
关注
专栏目录
vue调试工具vue-Devtool的安装
xjjjj1的博客
06-24 657
在平常的前端开发中，调试工具的使用是十分必要的，而在进行vue的开发中使用普通的devtool或许并不能满足开发人员的需求，在这时vue Devtool便体现出了其重要性。本文主要对vueDevtool的安装与本人安装中遇到的问题进行讲解。 1.到github下载vueDevtool git clone https://github.com/vuejs/vue-devtools 我在使用此命令安装后在后须的编译代码过程中会报错，解决方法是安装较低版本的vue devtool（v5....
VUE3 插件的开发和使用
m0_49515138的博客
02-07 5551
传统的 Webpack 可以用来构建 npm 包文件，但按照目前更主流的技术选项，编译结果更干净更迷的当属 Rollup ，但 Rollup 需要配置很多插件功能，这对于刚接触包开发的开发者来说学习成本比较高，而 Vite 的出现则解决了这个难题，因为 Vite 的底层是基于 Rollup 来完成构建，上层则简化了很多配置上的问题，因此接下来将使用 Vite 来带领开发者入门 npm 包的开发。的新声明 (.d.ts) 文件 ts(7016)
可以直接安装的vue-devtools调试工具.zip
05-07
该文件下载后可以直接安装。不再需要想网上大多数文件哪那样需要下载依赖又要编译的操作。这些步骤我已经做好了，你只需下载文件导入到浏览器就可以使用了。不会导入的可直接到我博客查看导入devtools文件教程解说！地址：https://blog.csdn.net/Smell_rookie/article/details/105966884
安装vue调试工具
weixin_46435234的博客
04-30 305
Vue调试工具下载地址：[https://github.com/vuejs/vue-devtools](https://github.com/vuejs/vue-devtools) 国内有时无法访问github， 我已上传到我的网盘： 链接：https://pan.baidu.com/s/1NrRkJQ-F0ZFEcmI0hLFhqw 提取码：6zhc 复制这段内容后打开百度网盘手机App，操作更方便哦 解压下载好的文件，进入到vue-devtools目录，安装项目所需要的依赖包。 安装方法：npm in
vue安装调试工具
我是一枚程序员
01-02 432
只需要下载这个压缩包，谷歌浏览器输入chrome://extensions/。把开发者模式打开，点击加载已解压的扩展程序，选择刚才解压缩的文件包即可，就是这么easy！记录下。 下载地址 链接：https://pan.baidu.com/s/1Is6_-4hLNu4xd9fmPW3UzA 提取码：qjy3 ...
vscode 开发vue常用插件
最新发布
06-05
通过安装并使用这些插件，VSCode将成为一个强大的Vue开发环境，具备高效的调试、代码格式化、智能提示、API测试等功能，让开发工作更加流畅和高效。同时，良好的代码组织和统一的风格也有助于团队间的合作，提高项目...
vue-devtools安装插件
03-23
下面我们将详细讲解如何安装Vue Devtools这个插件。 首先，我们来下载Vue Devtools。Vue Devtools的安装文件通常是一个压缩包，你可以通过官方GitHub仓库或者直接从Chrome网上应用店下载。下载完成后，你需要将其...
vue-devtools的安装和使用步骤详解
10-16
下面我们将详细讲解 Vue DevTools 的安装和使用步骤。 首先，你需要从 GitHub 下载 Vue DevTools 的源代码。你可以访问这个地址：https://github.com/vuejs/vue-devtools 并点击 "Code" 按钮选择下载 ZIP 压缩包。...
安装vue的调试工具vue-devtools
weixin_30532987的博客
12-14 69
1.首先下载安装nodejs（因为里面自带npm），官网下载地址 https://nodejs.org/en/download/ 2.下载vue-devtools，下载地址 https://github.com/vuejs/vue-devtools/releases 3.打开cmd ，输入 [ cd 文件目录 ] 进入到该目录下，输入[ npm install ]，成功后继续 输入命令[ n...
Vue调试工具的安装
m0_53415205的博客
02-04 2974
Vue调试工具的安装 第一种方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、点击右上角按钮，勾选开发者模式 3、点击“加载已解压的扩展程序”按钮，选择解压后的chrome文件夹，或直接将解压文件拖入窗口，即可添加成功。 4、添加完vue-devtools扩展程序之后，浏览器打开vue项目便可调试， 安装包链接：https://pan.baidu.com/s/1WmYbIKMkXy9fKSQcD2hdsQ 提取码：poz7 第二种方法： 1.http
安装vue 调试工具 devtools
qq_40410916的博客
08-17 167
首先进入官网 然后选择tag一个稳定版本下载包zip 在解压后命令执行 执行 yarn install 打包 yarn run build 在浏览器选择添加扩展
vue.js调试工具安装
鲁花花生油
05-09 465
1.vue官网 https://cn.vuejs.org/ 2.官网右上角的生态系统里下拉的官方仓库 3.找到vue-devtools 4.找到相对应的点过去，得翻墙才能访问到哦 5.点击添加，添加完刷新页面即可(我这里已经添加，所以显示删除) 6.有这个就成功了 完结，撒花 ...
vue调试工具DevTools安装
FormAda的博客
09-15 136
1.下载并解压 链接：https://pan.baidu.com/s/1TkYzstwqMNWxnSI13XuODg 提取码：ne7p 2.安装 点击那三个小点点，进入设置 点击扩展程序 开启右上角的开发者模式 点击‘加载已解压的扩展程序’ 进入你刚刚下载存放的目录，点击chorme,完成安装 安装完成后就可以看到浏览器右上角的显示，表示安装成功 ...
vue调试工具vue-devtools的安装
seimeii的博客
04-29 1531
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 的安装和使用
Beamon__的博客
05-24 1386
安装 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2.安装依赖 cd vue-devtools && npm install 3.打包 npm run build 4.扩展Chrome插件 Chrome浏览器 > 更多程序 > 拓展程序 点击“加载已解压的拓...
Vue项目调试工具：vue-devtools安装及使用
xiaoge_586的博客
02-03 939
1、安装 a、下载vue-devtools压缩包 使用命令或者直接进入网址下载： 网址：https://github.com/vuejs/vue-devtools 命令：git clone https://github.com/vuejs/vue-devtools b、进入vue-devtools-master文件夹中，在vue-devtools目录下安装依赖包 cnpm install c、输入命令cnpm run build，生成最终的文件 npm run build d、修改参数文件：ma
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值