vuejs/devtools本地安装

已于 2023-12-22 14:40:38 修改
阅读量526 收藏 8
点赞数 11
文章标签： 笔记
于 2023-12-21 10:37:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bearin/article/details/131576854
版权

1、GitHub下载vuejs/devtools: 

https://github.com/vuejs/devtools

2、解压main分支下载的文件

3、运行yarn install 和 yarn build

4、得到shell-chrome文件（不运行3也有这个文件，不过不起作用），把shell-chrome文件夹拷贝到D:\Program Files文件夹下

5、打开谷歌浏览器，地址栏输入chrome://extensions/

6、拖动shell-chrome文件夹到刚刚浏览器页面

7、完成得到此程序

Bearin
关注
  • 11
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-devtools的安装步骤
08-27
总的来说，Vue Devtools的安装虽然因为网络环境的限制而稍显复杂，但遵循上述步骤，开发者可以轻松地在本地环境中安装并使用这个强大的工具。无论你是初学者还是经验丰富的Vue开发者，Vue Devtools都将是你日常开发...
devtools安装
weixin_46048542的博客
11-30 7330
加载已解压的扩展程序，接着选择找到刚才解压的文件夹 ，目录层级为：E:\devtools\devtools-main\packages。vue官网上找到vue-devtools的GitHub项目。我选择放在E盘中新建的devtools文件中，解压。进入解压好的devtools-main文件夹中。搜极简插件，在里面搜devtools。然后在命令窗口中输入以下命令。这里默认已经下载了node。完成之后，进入谷歌浏览器。选择更多工具–>扩展程序。
Vue3-devtools开发者工具正确安装方法
Zhang_wang_yun的博客
05-30 1万+
学习Vue3自然离不开调试工具Vue3-Devtools，所以我们需要来下载这个调试工具并放入谷歌浏览器里的扩展程序里面。帮助我们更好的调试vue3里的程序。
vue3 devtools 本地安装指南
qq_39549013的博客
07-27 384
vue devtools 本地安装
最新 Chrome DevTools(v57) 使用详解
weixin_33863087的博客
12-21 2097
写在前面：Chrome DevTools 系列文章正在紧张地整理当中，目前正在整理 DevTools 的第一部分： Elements，大家可以关注 Chrome DevTools 来获得最新的信息，也可以关注整个项目front-end-study。 Chrome DevTools（Chrome 开发者工具） 是内嵌在 Chrome 浏览器...
Chrome本地安装vue-devtools调试工具的问题
草巾冒小子的博客
12-28 798
浏览器devtools扩展程序用于调试Vue.js应用程序。 文章目录浏览器devtools扩展程序用于调试Vue.js应用程序。一、 下载 · 调试工具：二、 下载完成之后，开始本地安装：三、 安装之后，测试调试工具是否OK。 一、 下载 · 调试工具： github下载地址 有 git 的同学 直接 git clone 二、 下载完成之后，开始本地安装： 打开cmd 进...
vue devtools的安装与使用教程
12-08
这篇教程将引导你完成 Vue Devtools 的安装和使用过程。 首先，你需要从 GitHub 下载 Vue Devtools 的压缩包。官方仓库位于 <https://github.com/vuejs/vue-devtools>。下载完成后，解压缩到本地的任意一个文件夹中...
vuedevtools离线包安装
03-23
这个“vuedevtools 离线包安装”流程是为了帮助开发者在没有网络或者网络环境不稳定的情况下，仍然能够便捷地安装和使用 Vue DevTools。 首先，Vue.js 是一个流行的前端框架，由尤雨溪开发，它提供了一种声明式、...
vue-devtools的安装和使用步骤详解
10-16
在安装过程中，你还需要在插件文件夹下运行 `npm run dev`，这将启动一个本地服务器，使得 Vue DevTools 能够运行。一旦完成这个步骤，你可以在浏览器中访问任何本地 Vue 项目，Vue DevTools 就会自动与项目关联，...
vue devtools离线扩展包（不是完整的去我的资源下载完整的）
01-09
前言vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
devtools安装_安装R包的五种方式以及基础常用R包的下载安装代码
weixin_39809168的博客
11-14 1576
​#普通包的安装##生物学相关###github包的安装###实在不行下载到本地放在lib文件下#####自己写一个有问题请到B站看视频R、Rstudio下载安装_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com三种R包下载安装方法​www.bilibili.com三种R包的下载安装方式 ##普通包的安装 install.packages("praise") l...
安装devtools包，试试这个方法
热门推荐
weixin_45331620的博客
11-21 3万+
快速安装devtools包 直入正题，废话少说。 install.packages("devtools") 结果如下，你以为成功了，其实并没有！第一次安装 devtools 失败！！！ The downloaded source packages are in ‘C:\Users\Administrator\AppData\Local\Temp\RtmpIPnLDB\downloaded_packages’ library("devtools") 一直显示不存在叫‘devtools’这个名字的程辑包
R语言安装及手动安装devtools
wlp_123456的博客
05-17 9325
记录下自己安装r时候的一些问题。 （1）window下安装R的顺序为R、Rtools、RStudio。安装基本上都是默认下一步，未做太多修改，我是直接安装在了C盘的，担心出错，想来安装在D盘应该也不会错，不过没想尝试。R、Rtools、RStudio下载地址。 The Comprehensive R Archive Network （2）安装R包时候在RStudio中无论是输入 install.packages（'devtools'），或者是在 tool > Install Packag
Vue之vue-devtools的安装包分享与极速安装
ysfscdn的博客
06-06 1万+
vue-devtools压缩包分享在下面的百度云盘里 https://pan.baidu.com/s/1rMowzTzb_W58s1Fg-4V6uQ 提取码：18is 安装的方法如下：先将压缩包解压，再打开谷歌浏览器---》点击设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！ ...
Rtools安装，Bioconductor安装，devtools安装，R包本地安装，Rstudio更换镜像
GeekFocus
07-16 2426
WARNING: Rtools is required to build R packages but is not currently installed. Please download and install the appropriate version of Rtools before proceeding: 已经安装了Rtools，报错。发现R与Rtools要匹配。
React-devtools安装包及安装方法详解
qq_41951724的博客
10-10 1966
react-devtools安装 这里介绍两种安装方法：第一种从github官网下载，会比较麻烦，但是过程值得了解。第二种就是直接给鱼的操作。 github下载：https://github.com/facebook/react-devtools.git之前是在这个地址进行下载，现在已经改变了地址，原md文件也有写https://github.com/facebook/react-devtools/tree/v3别人都说使用git clone进行下载，在这里不推荐使用git仓库下载，因为真的卡，直接下载安
vuejs / devtools
最新发布
09-03
### 回答1： 今天是2020年8月3日。Vue.js 是一个渐进式的JavaScript框架，它可以用于构建快速、可维护的用户界面。DevTools是Vue.js的一个官方浏览器插件，可以帮助您更轻松地调试Vue.js应用程序。 ### 回答2： Vue Devtools是一个为Vue.js开发者设计的浏览器扩展工具。它提供了一系列的功能来帮助我们进行Vue.js应用程序的调试和性能优化。 首先，Vue Devtools允许我们检查Vue组件的层次结构，并查看组件的props、data、computed和methods等属性。这使得我们可以更直观地了解组件之间的关系和信息流动。 其次，Vue Devtools还提供了一个交互式的状态面板，允许我们实时监视和修改Vue应用程序的状态。我们可以查看每个组件的状态变化，以及每个组件所依赖的React响应式数据源。这为我们解决应用程序中的状态问题提供了非常有用的工具。 此外，Vue Devtools还提供了一些性能工具，帮助我们分析Vue程序的性能瓶颈。例如，我们可以查看组件的渲染时间，及其所依赖的数据的变化情况。这有助于我们发现可能导致程序性能下降的地方，并做出相应的优化。 最后，Vue Devtools还提供了一些开发者友好的功能，如快捷键、代码提示和错误提示等。这些工具可以大大提高我们的开发效率和代码质量。 总之，Vue Devtools提供了一系列强大的工具，帮助我们更好地调试、优化和开发Vue.js应用程序。它是每个Vue开发人员都应该掌握和使用的工具之一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值