程序员经验分享-hwhale

Chrome（谷歌浏览器）安装Vue插件vue-devtools（图文详细教程）

2023-05-16

使用Vue开发项目时，常会用到一款谷歌浏览器插件，vue-devtools
安装成功后，运行本地Vue项目，打开浏览器控制台就如下：
其中可以便捷的查看vueX的数据以及组件结构等，非常方便，
在这里插入图片描述
安装步骤如下：
1、首先给大家提供一个git地址，虽然官网也有地址(https://github.com/vuejs/vue-devtools.git)，我认为不太好用
给大家提供另一个git地址：

https://gitee.com/zhang_banglong/vue-devtools.git

打开里面就如下：
在这里插入图片描述

2、打开控制面板，进入到vue-devtools文件夹下，输入命令npm install或者cnpm install
在这里插入图片描述
3、上一步成功后，紧接着输入命令npm run build
在这里插入图片描述
4、打卡文件夹，找到shell文件夹，
在这里插入图片描述
5、打开shell文件夹，会找到一个chrome文件夹，就是它了！！！
在这里插入图片描述
6、打开谷歌浏览器（Chrome），找到扩展程序打开
在这里插入图片描述
7、选择“加载已解压的扩展程序”
在这里插入图片描述
8、选中刚才找到的chrome文件夹
在这里插入图片描述
9、选中后，“扩展程序”界面就如下，就完成了
在这里插入图片描述
10、本地运行一个Vue项目，F12打开控制台，如果没有，要刷新一下页面，或关闭浏览器重新打开
在这里插入图片描述其实同样的方法，找到其他浏览器的扩展程序，选择chrome文件夹，其他浏览器也可以同样出现vue-devtools

如果你比较着急，一时之间又弄不好拉下来的代码，可以考虑先安装个火狐浏览器，直接去扩展界面里搜索vue，点击添加即可
在这里插入图片描述

在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome（谷歌浏览器）安装Vue插件vue-devtools（图文详细教程） 的相关文章

  • 【C语言和C++】实现线程池

    目录 一 线程池总体结构 二 线程数组 三 添加任务队列 四 管理者线程 五 销毁 六 其他子函数 七 测试代码 附录 xff08 C和C 43 43 代码 xff09 最后有全部代码 xff0c 急需可以跳过 线程池是一种概念 xff0c

  • 【C语言】算法学习·哈希算法全解

    目录 C中的哈希 它能做什么 xff1f 快吗 xff1f 是图书馆吗 xff1f C C 43 43 和平台 BSD 许可 下载 uthash 获得帮助 贡献 包括的额外内容 历史 可以直接从此处开始阅读 哈希结构 钥匙 哈希句柄 关于记

  • 小知识·PD充电协议

    目录 PD充电器硬件结构 pd充电协议是什么 pd协议快充什么意思 PD快充协议优势 USB PD快速充电通信原理 PD充电器硬件结构 典型的手机充电器的硬件结构 xff08 以基于Dialog方案的高通QC2 0快充协议为例 xff09

  • 小知识·typec耳机原理

    目录 数字耳机和模拟耳机 手机中模拟和数字耳机的差异 typec耳机介绍 数字耳机和模拟耳机 模拟耳机即我们的常见的3 5mm接口的耳机 xff0c 包括左右声道 xff0c 地或者mic xff0c 如左图 数字耳机 右图 包含一个usb

  • 小知识·adb安装和使用方法

    目录 一 adb是什么 xff1f 二 adb有什么作用 三 如何启用adb调试 四 如何判断设备连接正常 五 如何下载安装adb 1 adb下载地址 xff1a 2 按装步骤 六 adb命令大全 1 查看设备 2 Adb应用管理 3 安装

  • 【C++】搭建HTTP服务器

    目录 项目介绍 网络协议栈介绍 协议分层 数据的封装与分用 HTTP相关知识介绍 HTTP的特点 URL格式 URI URL URN HTTP的协议格式 HTTP的请求方法 HTTP的状态码 HTTP常见的Header CGI机制介绍 CG

  • Linux命令·netstat

    netstat命令用于显示与IP TCP UDP和ICMP协议相关的统计数据 xff0c 一般用于检验本机各端口的网络连接情况 netstat是在内核中访问网络及相关信息的程序 xff0c 它能提供TCP连接 xff0c TCP和UDP监听

  • Linux命令·ss

    ss是Socket Statistics的缩写 顾名思义 xff0c ss命令可以用来获取socket统计信息 xff0c 它可以显示和netstat类似的内容 但ss的优势在于它能够显示更多更详细的有关TCP和连接状态的信息 xff0c

  • LeetCode·每日一题·2437. 有效时间的数目·模拟

    作者 xff1a 小迅 链接 xff1a https leetcode cn problems number of valid clock times solutions 2262448 mo ni zhu shi chao ji xian

  • john破解用户密码和防破解

    目录 一 系统弱口令检测 二 防止暴力破解 一 系统弱口令检测 Joth the Ripper xff0c 简称JR 一款开源的密码分析工具 xff0c 支持字典式的暴力破解 通过对shadow文件的口令分析 xff0c 可以检测密码强度

  • 块设备驱动介绍-linux驱动开发第10部分-朱有鹏-专题视频课程

    块设备驱动介绍 linux驱动开发第10部分 3265人已学习 课程介绍 本课程是linux驱动开发的第10个课程 xff0c 主要内容是linux的块设备驱动的介绍 xff0c 首先详细讲了块设备驱动和字符设备驱动的核心差异 xff0c

  • Linux各个系统版本及区别（Ubuntu,CentOS..）

    一 概览 Linux的版本号分为两部分 xff1a 内核版本和发行版本 内核版本 xff1a 不包含外围程序GNU程序库和工具 xff0c 命令行shell xff0c 图形界面的X Window系统和相应的桌面环境等 发行版本 xff1a

  • keil5编译报错问题

    keil5一开始编译文件总是报错 error 3092 anonymous unions are only supported in gnu mode or when enabled with pragma anon unions 错误 x

  • MySQL中的函数

    1 单行函数和多行函数 xff08 聚合函数 分组函数 xff09 xff1a 只对一行进行变换 每行返回一个结果 xff1b 1 单行函数 xff1a a 数值函数 xff1a 基本函数 xff1a ABS x 绝对值 SIGN x 0

  • Centos防火墙配置

    一 防火墙的概念 防火墙技术是用于安全管理的软件和硬件设备 xff0c 在计算机内 外网之间构建一道相对隔绝的保护屏障 xff0c 以保护数据和信息安全性的一种技术 防火墙分为网络防火墙和主机防火墙 网络防火墙由软件和硬件组成 xff0c

  • linux 线程的调度策略

    目录 一 调度策略 1 实时线程 2 非实时线程 3 抢占式调度策略 运行特点 xff1a 4 轮询式调度策略 运行特点 xff1a 二 设置线程的调度策略步骤 1 定义线程句柄 2 定义线程属性结构体 3 初始化属性结构体 4 设置线程是

  • 16选1数据选择器和32选1数据选择器multisim

    大致思路 xff1a xff08 正经内容在下边 xff09 学校期中考试 xff0c 搜了半天发现连16 1都很难搜到 xff0c 一整天做出来 xff0c 趁着还有兴致记录一下过程 老师上课只教了4 1数据选择器 xff0c 于是先从8

  • 【软件工程】对软件工程课程的希望及个人目标

    自我简介 首先进行一下自我介绍 xff0c 我是一名桂林理工大学信息科学与工程学院的本科在读生 xff0c 现已经是本科二年级的学生了 xff0c 上个学期我们刚经历了专业分流 xff0c 很幸运 xff0c 我来到了我所希望来到的软件工程

  • 网络设备驱动介绍-linux驱动开发第11部分-朱有鹏-专题视频课程

    网络设备驱动介绍 linux驱动开发第11部分 3869人已学习 课程介绍 本课程是linux驱动开发的第11个课程 xff0c 主要内容是linux的网络驱动的介绍 xff0c 首先讲述了网络设备驱动接口和之前讲的2种的不同 xff0c

  • 六、如何使用VS调试代码、条件语句

    how to use Visual Studio to debug our code 查看程序断点 调试程序 1 设置断点 断点 xff0c 调试器将中断 xff0c break xff0c 程序调试是将会中断 xff0c continue

随机推荐

  • 【FPGA】Verilog：组合电路 | 3—8译码器 | 编码器 | 74LS148

    前言 xff1a 本章内容主要是演示Vivado下利用Verilog语言进行电路设计 仿真 综合和下载 示例 xff1a 编码 译码器的应用 功能特性 xff1a 采用 Xilinx Artix 7 XC7A35T芯片 配置方式 xff1a

  • ipv6简介

    IPv6地址扩展到128位 2128足够大 xff0c 这个地址空间可能永远用不完 事实上 xff0c 这个数足够为地球上每个分子分配一个IP地址 IPv6地址采用冒号分隔的十六进制数表示 xff0c 例如下面是一个IPv6地址8000 0

  • Nginx -- SSL模块

    目录 一 什么是ssl证书 二 证书的作用 1 浏览器绿色安全标志 2 网站数据加密传输 3 安全标志获得访客信任 4 强大的加密等级保障 5 SSL证书帮助网站保护了用户和网站之间的任何数据的安全 三 SSL证书的类别 1 按照验证方式

  • shell的echo命令

    echo命令用于在shell中打印shell变量的值 xff0c 或者直接输出指定的字符串 linux的echo命令 xff0c 在shell编程中极为常用 在终端下打印变量value的时候也是常常用到的 xff0c 因此有必要了解下ech

  • 2022最新hexo最新搭建教程

    本文时间 xff1a 2022 02 03 安装包版本如下 xff1a NodejsLTS16 13 2 Git2 35 0 成果预览 故人随笔 nodejs安装 1 双击安装包 2 Next 3 修改安装目录为 D Develop nod

  • 子网划分与子网汇总

    1 192 168 1 0 255 255 255 128 划分为4个子网 192 168 1 0 27 192 168 1 1 192 168 1 31 192 168 1 96 27 192 168 1 32 192 168 1 63

  • mongodb 启动rails server

    oot 64 5d5b156fb1b0 cat etc release DISTRIB ID 61 Ubuntu DISTRIB RELEASE 61 20 04 DISTRIB CODENAME 61 focal DISTRIB DESC

  • Shell 脚本中的变量

    文章目录 1 变量概述1 1 变量类型1 2 变量的命名要求1 3 变量作用范围 2 局部变量3 环境变量3 1 系统内置环境变量3 2 环境变量的配置文件 4 只读变量5 位置变量 1 变量概述 变量即在程序运行过程中它的值是允许改变的量

  • Hadoop-HDFS 写数据流程

    HDFS写数据流程 xff1a 客户端向NameNode请求写数据 NameNode判断客户端针对该文件是否有写的权限 没有则报错 再判断文件是否存在 xff0c 不存在则报错 xff0c 存在则通知客户端上传 HDFS客户端负责对文件进行

  • 6.小项目.图片解码播放器-朱有鹏-专题视频课程

    6 小项目 图片解码播放器 6707人已学习 课程介绍 本课程是 朱有鹏老师嵌入式linux核心课程 第6部分 xff0c 是一个课程后的小项目 用开发板本身自带的硬件完成一个基于linux API开发的图片解码播放器 xff0c 实现了对

  • 思科arp欺骗攻击，cdp攻击，DHCP攻击实验命令笔记

    目录 Kali主机扫描 双向攻击 Cdp攻击防护 Stp攻击防护 Kali主机扫描 fping s r 2 g 192 168 1 0 24 扫描网段内存活的主机 arping 192 168 1 1 探测主机是否存活 双向攻击 Arpso

  • 命令草稿集

    port hybrid pvid vlan vlan id 指定Hybrid接口的缺省VLAN ID xff0c 缺省VLAN 1 以太网帧在无线接入控制器中都是以Tagged的形式处理转发的 xff0c 设备必须给接口收到的Untagge

  • mkdir和chmod命令

    1 在 usr目录中新建一个目录名称为 xff1a mytest 并在mytest目录中新建文件net txt 设置文件的属性为文件属主 xff08 u xff09 增加执行权限 文件属主同组用户 xff08 g xff09 增加写入权限

  • Eigen中的SparseMatrix（稀疏矩阵）元素的快速插入

    Eigen中的SparseMatrix xff08 稀疏矩阵 xff09 元素的快速插入 辰宸的备忘录 licc tech Eigen SparseMatrix lt float gt m 3 3 std vector lt Eigen T

  • 【Ubuntu22.04.2中文系统转换，添加中文输入法，修改快捷键】

    上一篇带大家完成了Ubuntu的安装 xff0c 现在来看看答应大家的后续吧 好多人安装Ubuntu后发现是英文 xff0c 找不到怎么切换中文系统和中文输入法 xff0c 今天本多就带大家来看看吧 xff08 看完哦 xff0c 最后面有

  • curl (7) Failed connect to localhost8080； Connection refused

    curl 7 Failed connect to localhost 8080 Connection refused 如果你也是curl 百度是正常的 xff0c curl xff08 自己IP xff09 正常 xff0c 但是 一 cu

  • Java面试基础篇

    Java面试基础篇 基础总结 博客链接导航 Java语言基础常识 https blog csdn net article details 88531257 J2EE基础知识 https blog csdn net article detai

  • 关于Mysql1251解决办法

    问题 xff1a 相信有些小伙伴在用Navicat连接Mysql时 xff0c 都遇到了这样的情况 xff0c 这其实是8 0以后的加密规则问题 解决办法 xff1a 1 我们打开以管理员身份打开cmd管理器 2 输入cdC Program

  • vue-router4路由报“[Vue Router warn] No match found for location with path“

    这里出现该问题的原因 xff1a 在路由配置了参数路径 但是 xff0c 跳转的路径没有参数 xff1a 因此控制台出现了 xff1a

  • Chrome（谷歌浏览器）安装Vue插件vue-devtools（图文详细教程）

    使用Vue开发项目时 xff0c 常会用到一款谷歌浏览器插件 xff0c vue devtools 安装成功后 xff0c 运行本地Vue项目 xff0c 打开浏览器控制台就如下 xff1a 其中可以便捷的查看vueX的数据以及组件结构等

热门标签