vue devtools V6.2.0 下载与安装

DX_Gao

已于 2022-08-09 17:24:06 修改

阅读量1.2k

点赞数 3

文章标签： vue.js 前端 javascript

于 2021-07-07 12:03:09 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47675705/article/details/118543949

版权

1、下载vue-devtools工具 https://github.com/vuejs/vue-devtools
2. 下载压缩包然后解压
3. 如下图官方所示

**注意：要使用yarn 安装，最新版本打包要加上:watch :chrome **

1.yarn run build:watch
2.yarn run dev:chrome

附上 vue-devtools 的官网地址： https://devtools.vuejs.org/guide/installation.html

官方教程截图 👇👇👇
在这里插入图片描述 jiantou
yarn run build:watch 👇
![在这里插入图片描述](https://img-blog.csdnimg.cn/c9a424d735cf4b39875e8a101a7da449.png
yarn run dev:chrome 👇

编译成功里面会多出个build文件夹 👇👇👇
在这里插入图片描述

运行完成把 xxx\devtools-main\packages\shell-chrome文件夹拖到Chrome浏览器的扩展程序中就可以了

考虑到小伙伴想走捷径，我直接奉上vue-devtools V6.2.0版本的crx文件，只需要拖入浏览器的扩展程序中就可以了

链接：https://pan.baidu.com/s/1pYasOKGzjP9f4Q8tR360dw
提取码：ga9x

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DX_Gao

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue调式工具——vue-devtools插件下载安装手把手教程！

weixin_44042442的博客

02-25

1万+

下载安装vue-devtools工具插件；Chrome浏览器下载安装vue调试工具；vue调试工具安装

vue-devtools-dev下载

04-08

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。

参与评论您还未登录，请先登录后发表或查看评论

vue-devtools@6.1.4谷歌插件下载说明

最新发布

gitblog_06781的博客

04-17

435

vue-devtools@6.1.4谷歌插件下载说明【下载地址】vue-devtools6.1.4谷歌插件下载说明 vue-devtools是Vue官方推荐的调试工具，支持Vue2和Vue3，兼容Pinal，帮助开发者高效调试应用。由于官方仅提供源代码，自行构建存在困难，我们特此分享预构建的vue-devtools@6...

vue-devtools 下载

qq_24981615的博客

10-30

457

提示小消失。

vue.js devtolls插件下载

小恶魔的博客

07-05

9186

vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用。

vue.js的devtools安装

weixin_33709609的博客

01-10

194

安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程执行npm install ----->npm run build. 3.修改manifest.json 中的persistent为true 4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式...

Vue开发者工具(VueDevtools)下载与安装

2301_76272808的博客

03-15

844

写的一个demo，如果有vue代码的话，就会亮起来的。然后把这个文件移动到谷歌插件里面,开启开发者模式。输入 vue.js.devtools并访问。点击详情,开启一些权限。

安装vue-devtools过程中种种问题

m0_67403272的博客

03-06

4061

周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功，报各种依赖包不支持。报错类似如下： npm WARN … requires a peer of react@^16.4.0 but none is installed 报错内容过多，需要安装依赖包太多。然后将npm版本号降到6.0.1，报错更多。类似 npm WARN npm npm does not support Node.js v14.16.0 npm

devtools下载安装踩坑记

weixin_47792992的博客

08-10

2808

嘿嘿，安装devtools是不是一到npm run build 就出错了呀^-^ 这两天安装devtools时，网上一堆安装方法，可是除了从仓库下载以外挨个试了个遍。到最后还是一到npm run build 就出错，简直头痛想吐！-！最后从简书上看到了下面呢这个方法，但是有个小小的问题就是我昨天测试这个方法是不可以的，但是今天再次测试的时候又可以了，所以小伙伴们可以多尝试几次哟，也许今天不可以，但是明天就可以了呢^-^ 1下载vue调试工具下载链接：https://chrome.z...

webpack手动配置vue-cli脚手架详细处理

panerchao的博客

06-03

210

【代码】webpack手动配置vue-cli脚手架详细处理。

Webpack5-Vue脚手架配置

weixin_51619945的博客

07-06

617

Vue 脚手架的配置及优化

Vue dev-tools下载

11-17

vue devtools 开发vue 必备工具

vue devtools 最新版 4.1.1 chrome扩展离线下载

01-26

文件 MD5: 5605A7D80C5D79C28434C149F7438961 SHA1: B06A555A098073E60856E81A8C00263723D7E1A4 Vue Devtools 4.0 有哪些新内容 https://juejin.im/post/5a676c33f265da3e5b32f43c?utm_source=gold_browser_extension 如何离线安装Chrome插件? https://jingyan.baidu.com/article/e5c39bf5cc39cc39d

vue-devtools.crx下载

07-17

vue-devtools.crx下载,下载后加载到chrome中即可使用。

vue-devtools插件下载、安装

m0_51645333的博客

12-13

8390

进入极简插件网站，搜索 Vue Devtools，点击推荐下载，解压下载的文件，拖进chrome，完成安装

vue-devtools 下载及使用指南

gitblog_09704的博客

10-17

1326

vue-devtools 下载及使用指南【下载地址】vue-devtools下载及使用指南 vue-devtools 下载及使用指南项目地址: https://gitcode.com/open-source-toolkit/7...

Vue Devtools 下载与安装指南

gitblog_06590的博客

10-31

1728

Vue Devtools 下载与安装指南【下载地址】VueDevtools下载与安装指南分享 Vue Devtools 是一款基于 Chrome 浏览器的插件，专门用于调试 Vue.js 应用程序。它能够极大地提高开发者的调试效率，帮助开发者更好地理解和分析 Vue 应用的运行状态 ...

vue.js devtools下载和安装

weixin_35752233的博客

02-16

961

Vue.js Devtools是一个浏览器扩展程序，它提供了一组有用的工具，用于调试Vue.js应用程序。以下是Vue.js Devtools的下载和安装步骤：打开谷歌浏览器或火狐浏览器。在浏览器中搜索“Vue.js Devtools”。从搜索结果中选择官方网站下载页面。在下载页面中选择适合你的浏览器的版本(Chrome或Firefox)。点击“添加到Chrome”或“添加到Firef...

Vue——vue devtools 插件下载安装

qq_43201350的博客

12-12

3200

git 地址：git@gitee.com:pfsjdsn/vue-devtools.git

给下列代码加注释： def merge_accumulate_client_update(self, list_num_proc, list_state_dict, lr): total_num_proc = sum(list_num_proc) # merged_state_dict = dict() dict_keys = list_state_dict[0].keys() for state_dict in list_state_dict[1:]: assert state_dict.keys() == dict_keys # accumulate extra sgrad and remove from state_dict if self.use_adaptive and self.is_adj_round(): prefix = "extra." for state_dict in list_state_dict: del_list = [] for key, param in state_dict.items(): if key[:len(prefix)] == prefix: sgrad_key = key[len(prefix):] mask_0 = self.model.get_mask_by_name(sgrad_key) == 0. dense_sgrad = torch.zeros_like(mask_0, dtype=torch.float) dense_sgrad.masked_scatter_(mask_0, param) # no need to divide by lr self.control.accumulate(sgrad_key, dense_sgrad) del_list.append(key) for del_key in del_list: del state_dict[del_key]

07-11

```python def merge_accumulate_client_update(self, list_num_proc, list_state_dict, lr): total_num_proc = sum(list_num_proc) # merged_state_dict = dict() dict_keys = list_state_dict[0].keys() # Check if all state dicts have the same keys for state_dict in list_state_dict[1:]: assert state_dict.keys() == dict_keys # accumulate extra sgrad and remove from state_dict if self.use_adaptive and self.is_adj_round(): prefix = "extra." for state_dict in list_state_dict: del_list = [] for key, param in state_dict.items(): # Check if the key starts with 'extra.' if key[:len(prefix)] == prefix: # Get the corresponding sgrad key sgrad_key = key[len(prefix):] # Create a mask of zeroes mask_0 = self.model.get_mask_by_name(sgrad_key) == 0. # Create a dense tensor and fill it with values from param based on the mask dense_sgrad = torch.zeros_like(mask_0, dtype=torch.float) dense_sgrad.masked_scatter_(mask_0, param) # Accumulate the dense sgrad without dividing by lr self.control.accumulate(sgrad_key, dense_sgrad) # Add the key to the delete list del_list.append(key) # Remove the keys from the state_dict for del_key in del_list: del state_dict[del_key] ``` 这段代码实现了一个`merge_accumulate_client_update`方法，主要功能是合并和累加`list_state_dict`中的状态字典。以下是对代码的注释： - `total_num_proc`：所有进程数的总和。 - `dict_keys`：状态字典的键列表。 - 检查所有状态字典是否具有相同的键。 - 如果使用自适应且处于调整轮次，则累加额外的`sgrad`并从状态字典中删除。 - `prefix`：额外`sgrad`的前缀。 - 对于每个状态字典，遍历键和参数。 - 如果键以`prefix`开头，则获取相应的`sgrad`键。 - 创建一个零填充的掩码。 - 创建一个稠密张量，并根据掩码从参数中填充值。 - 累加不除以`lr`的稠密`sgrad`。 - 将键添加到删除列表。 - 从状态字典中删除键。