程序员经验分享-hwhale

vue3-devtools安装

2023-05-16

开始使用vue3后，发现浏览器上安装的vue-devtool不支持vue3，但是不翻墙的话无法通过webstore安装，所以就只能通过下载源码自行打包来安装，折腾了很久，记录一下

下载源码
进入https://github.com/vuejs/devtools
选择分支
如上图，在切换分支处选择tags，选择最新版本即可，我这里已v6.2.1为例
选择下载源码方式
如上，在右侧code处可复制git地址clone到本地，也可以点击Download ZIP下载源码压缩包，这里我是直接下载压缩包

安装依赖
解压后进入devtools-6.2.1文件夹，运行yarn命令（yarn install不带任何参数时的简写）
这里附上yarn的官网 安装 | Yarn 中文文档 和命令文档 CLI 简介 | Yarn 中文文档 的链接

$ yarn

依赖安装完成
安装后运行build命令，这里注意要加:watch

$ yarn run build:watch

run build:watch
当出现上图这种Found 0 errors. Watching for file changes.提示时，按CTRL+C，然后运行

$ yarn run dev:chrome

run dev:chrome
以上命令全部执行完毕后，devtools目录，会生成了 build目录。
在chrome地址栏输入chrome://extensions/进入拓展程序页面
将devtools-6.2.1\packages\shell-chrome文件夹拖入拓展程序页面就大功告成了!
运行vue3项目，在浏览器右上角扩展程序中点击vue.js devtools右侧📌固定在扩展栏后，devtools检测到页面可用图标就会亮起来啦
安装成功

亲测兼容vue2，也可与老版本的devtools共存，我是暂时把老版本停用了
停用老版本

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

vue3

devTools

vue3-devtools安装 的相关文章

  • 微信小程序反编译微信小程序

    微信小程序反编译跳一跳 项目地址 https github com shunyue1320 decompile wx 反编译 wxapkg 文件 微信开发者工具打开

  • Vue2转Vue3快速上手第一篇（共两篇）

    Vue3 v2 v3的学习成本不高 只要有v2基础 基本可以上手vue3 一 setup语法 setup中不能访问v2的配置比如data methods等 二 ref响应数据 使用ref可以创建一个对象 可以是基本类型 也可以是对象 例如

  • vue3知识点：Suspense组件

    文章目录 五 新的组件 3 Suspense 案例 完整代码 本人其他相关文章链接 五 新的组件 3 Suspense 等待异步组件时渲染一些额外内容 让应用有更好的用户体验 使用步骤 第1步 异步引入组件 import defineAsy

  • vue3 新特性

    注册全局组件 import HelloWorld from components HelloWorld vue const app createApp App 全局挂载属性和方法 方法一 app config globalPropertie

  • vue3中的readonly

    接受一个对象 不论是响应式还是普通的 或是一个 ref 返回一个原值的只读代理 只读代理是深层的 对任何嵌套属性的访问都将是只读的 它的 ref 解包行为与 reactive 相同 但解包得到的值是只读的 类型 function reado

  • 【Vue3】在Vue3中使用reactive定义的响应式失效

    Vue3 在Vue3中使用reactive定义的响应式失效 文章目录 Vue3 在Vue3中使用reactive定义的响应式失效 Vue3 在Vue3中使用reactive定义的响应式失效 后面查出原因 解决办法 总结 Vue3 在Vue3

  • 【vue3练习 -12】vue3使用readonly(),shallowReadonly()

    作用 把一个响应式 可以是ref定义的 也可以是reactive定义的 的数据变成只读的 不可以修改 使用场景 假如你的组件有个数据 但是你不希望在使用的时候修改他就可以把他变成只读的 用法示例 import readonly shallo

  • 使用 devtools 构建 .md vignette

    我在用着knitr rmarkdown but knitr knitr和我的一样 VignetteEngine 然后我使用构建我的包小插图devtools build vignettes 这可行 但只能在以下位置创建 HTML 和 R 输出

  • 使用 R 的 devtools 库函数“安装”时如何保留源文件

    我正在尝试从源代码构建 R 包 DESeq2 以便我可以调试它 我已经安装了所需的所有依赖项 并且正在关注希拉里帕克的指示用于创建 R 包 我使用 R 3 4 2 在 CentOS 6 6 上运行它 I run library devtoo

  • 依赖包“package_name”不可用

    尝试在 RStudio 中构建和重新加载时出现奇怪的错误 在我的描述文件中 我包含了一个我在组织内构建和维护的包 它不在 CRAN 上 本质上 当我更新说明文件 取决于 时 我收到此错误 gt devtools document rocle

  • 仅加载一个函数的依赖项

    我正在创建一个包含一些功能的包 只需要一项辅助功能plotly 但是当我安装时使用devtools我收到一张纸条unused arguments in layout yaxis ay 然后我读了哈德利的文章关于imports vs depe

  • 如何阻止 r devtools::check() 注意到 .DS_Store

    每次我跑步devtools check 在我的包裹上有一条注释 gt checking for non standard things in the check directory NOTE Found the following file

  • 将 system2 标准输出重定向到 Windows 上的文件

    根据manual the stdout的论点system2函数可以将输出重定向到文件 这似乎可以在 unix 上运行 但是我无法让它在 windows 上运行 下面的玩具示例 没有out txt or err txt文件已创建 我尝试将其发

  • 如何解决错误：找不到包根？

    我正在运行命令 devtools use testthat 我收到错误 错误 找不到包根目录 为什么会出现这种情况 devtools现在似乎要求用户setwd path to package 即使函数像devtools release 有p

  • Git 准备好被推荐给我的老板了吗？ [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我想向我的老板推荐 Git 作为一个新的源代码控制系统 因为我们还停留在 90 年代的 VSS 哎哟 但是这些工具和第 3 方支持是否足够好 具体来说

  • 自动从包中的sysdata.rda加载数据

    我花了很多时间寻找可能是一个非常基本的问题的答案 但我就是找不到解决我的问题的方法 我发现的最接近的是这次交流 https stat ethz ch pipermail r devel 2011 August 061786 html从几年前

  • vue3 父传参到子（defineProps），父调子方法（defineExpose）

    父页面

  • 无法为 Linux Redhat 服务器上安装的 R studio 安装 Devtools 包

    我无法安装devtools在 Redhat Linux 服务器上的 R Studio 中打包 这些错误消息出现 ERROR configuration failed for package RCurl removing home xx R

  • R data.table 在导出函数中中断

    我在让 data table 在 roxygen2 导出函数中工作时遇到问题 这是一个名为 foo R 位于我的包的 R 目录中 的文件中的一个简单的假函数 它使用 data table Data table test function e

  • Chrome DevTools 中缺少“添加到主屏幕”链接

    使用 Google 服务可能会令人沮丧 他们有令人难以置信的文档 但文档总是假设一切正常 如果有什么东西不像广告上说的那样有效 那你就完全靠自己了 没有错误消息 没有解决问题的帮助 甚至没有承认某些事情可能不起作用 以防万一 添加到主屏幕

随机推荐

  • ARM———第一天

    1 为什么学习ARM xff1f 嵌入式 xff1a 操作硬件的软件 嵌入式系统分两大类 xff1a 1 应用程序 xff0b 硬件 2 应用程序 xff0b 操作系统 xff0b 硬件 ARM是学习嵌入式的入门 xff0c 也是学习系统移

  • ARM———第二天

    1 什么是汇编指令 汇编指令 xff1a 是机器指令的助记符 xff0c 经过编译后会得到一串01010组成的机器码 xff0c 可以由cpu读取执行 伪指令 xff1a 本质上不是指令 xff0c 只是和指令一起写在代码中 xff0c 是

  • LINUX内核

    Linux内核功能 内存管理 操作系统内核功能管理设备实际的物理内存 xff0c 还可以创建和管理虚拟内存 xff08 Swap xff09 xff1b 通过硬盘的存储空间来创建虚拟内存 xff0c 叫内存交换空间 xff08 Swap s

  • man手册各章节的意义

    man手册分成很多section xff0c 使用man时可以指定不同的section来浏览 xff0c 各个section意义如下 xff1a 1 commands 2 system calls 3 library calls 4 spe

  • Dockerfile

    1 Docker 镜像原理 操作系统组成部分 xff1a 进程调度子系统 进程通信子系统 内存管理子系统 设备管理子系统 文件管理子系统 网络通信子系统 作业控制子系统 Linux 文件系统由 bootfs 和 rootfs 两部分组成 b

  • 一、STM32寄存器点亮LED灯

    目录 一 xff1a 硬件介绍 二 xff1a 三步点亮LED灯 三 xff1a 新建工程 四 xff1a 寄存器程序 1 xff1a 使能GPIOC的时钟 2 配置GPIOC13端口为输出模式 xff08 端口配置寄存器 xff09 3

  • 0、Linux虚拟机打印hello world

    Ctrl 43 Alt 43 T 打开终端 xff0c 输入sudo apt get install vim 下载vim 输入sudo apt get install gcc xff0c 下载gcc 下载完成后输入clear 可以清除终端

  • VS2017提示 LNK1104 无法打开文件 kernel32.lib

    在C盘里搜索kernel32 lib的路径 xff0c 然后添加到项目 gt 属性 gt VC 43 43 目录 gt 库目录里去就好了 但不知道为什么 xff0c x64路径下的kernel32就不行

  • 【智能无线小车系列四】树莓派操作系统安装

    对于第一次接触树莓派的人来说 xff0c 初次点亮树莓派的过程总是最为激动人心的 其实它就跟我们刚刚买回来的电脑一样 xff0c 首先需要做的就是安装操作系统 还记得上操作系统课程的提到 xff0c 操作系统是软件和硬件之间的桥梁 xff0

  • 使用c++实现学生成绩管理系统

    学生成绩管理系统 一 前言二 系统介绍头文件 CStudent h 2 源文件 xff08 实现函数 xff09 3 源文件 xff08 测试函数 xff09 4 运行截图 三 总结 一 前言 学生成绩管理系统的设计 xff0c 可以更好地

  • 魔百盒cm311-1a yst 青龙

    Armbian Debian 清华源 tsinghua source 清华源 deb https mirrors tuna tsinghua edu cn debian buster main contrib non free deb sr

  • 手把手教你安装Python3.x

    目录 普通安装下载安装包安装Python设置Python安装包 其他安装参考资料End 普通安装 下载安装包 打开浏览器 进入 Python 官网网站 xff08 https www python org xff09 xff0c 因为网站在

  • 实验二 单片机汇编语言算法实现（排序控制LED灯亮灭）

    这里写目录标题 实验二 汇编语言算法实现实验一 实验目的二 实验内容三 实验结果 实验二 汇编语言算法实现实验 一 实验目的 xff08 1 xff09 掌握汇编语言工程的编写 xff08 2 xff09 对单片机 I O 接口汇编控制有初

  • Centos7—2003下安装mysql8.0.28详细教程

    首先使用xftp上传mysql的linux压缩包 然后使用解压命令tar xvf mysql 8 0 28 1 el7 x86 64 rpm bundle tar 具体步骤如下 严格按照安装顺序安装 切记切记 root 64 localho

  • kali下载安装

    一 前期准备 kali镜像下载地址 xff1a http mirrors ustc edu cn kali images 二 VMware虚拟机配置 1 打开vmware xff0c 点击创建新的虚拟机 2 选择自定义 高级 选项 xff0

  • Linux设置字符界面的字体大小和字体类型

    SourceURL file home windstorm Documents ManjaroLinuxManual SetConsoleFont docx 首先我们进入目录 cd usr share kbd consolefonts 然后

  • anaconda3重新安装后cmd和anaconda都打不开的情况

    之前更新anaconda3时 xff0c 选择的默认安装路径 xff0c 更完后发现电脑上两个anaconda3 xff0c 原来是我第一次安装时和后来更新时选择的路径不一样 xff0c 强迫症的我想删了一个 xff0c 可又害怕出现问题

  • 处理器的大小端及位序

    大端Big Endian xff1a 数据的高字节存储到低位地址中 小端little Endian xff1a 数据的低字节存储到低位地址中 举例说明 xff1a 32位16进制数据为 61 0x12345678 xff0c 大端存储 地址

  • Python之循环语句while

    使用 while 循环 xff0c 只要条件为真 xff0c 我们就可以执行一组语句 场景 1 用户名和密码 反复输入 2 计算1 100 where 条件 要循环执行的代码 1 打印1 xff5e 10之间的数字 2 打印1 50之间能被

  • vue3-devtools安装

    开始使用vue3后 xff0c 发现浏览器上安装的vue devtool不支持vue3 xff0c 但是不翻墙的话无法通过webstore安装 xff0c 所以就只能通过下载源码自行打包来安装 xff0c 折腾了很久 xff0c 记录一下

热门标签