Devtools下载添加到谷歌扩展程序

已于 2022-04-26 15:16:55 修改
阅读量454 收藏 1
点赞数
文章标签： vue.js
于 2022-04-26 15:00:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60823776/article/details/124427842
版权

先到 vue官网 点击 生态系统，点击工具下面的 devtools进去github

然后点击tags

进到这个页面往下滑然后一直下一页找到v5.1.1版本

用vscode打开刚刚下载解压好的文件夹，顺便检查一下有没有shells这个文件夹

然后先执行 npm install

上面执行完后，再执行 npm

最低0.47元/天 解锁文章
不取昵称-06
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DevTools的chrome扩展程序安装
qq_36981190的博客
04-18 564
二、通过命令行安装DevTools 刚开始，用cnpm安装（链接），最后一直在 cnpm run build 安装失败， We will use “npm” to install the CLI via “npm install -D webpack-cli”. 后来安装完webpack-cli: cnpm install webpack -g 安装完后发现还是cnpm run build还是有问题，发现这个不是cpm的工作环境，是一个yarn的工作环境，所以需要安装一个yarn 安装：npm i
vue调试工具 vue-devtools 版本3.1.5，解压后直接在谷歌扩展程序添加就行
11-02
解压后，直接使用即可！
小白教程： 谷歌安装 vue-devtools 拓展，无需编译
weixin_55746254的博客
08-03 2936
最简单安装 Vue-Devtools谷歌插件，小白教程
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
最新发布
段子手168的博客
04-30 2065
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
如何build并在Chrome浏览器上安装vue-devtools调试工具
fx_yzjy101的专栏
03-05 5229
目录 概述 准备工作 安装过程 install安装 build编译 遇到报错1 遇到报错2 yarn run build chome安装本地扩展 chrome-vue-devtools扩展文件分享 概述 本文记录vue-devtools调试工具install以及build打包过程中遇到的：npm install报错，npm run build 报错，以及如何安装build后的chrome扩展包。 准备工作 最近开始使用Vue开发前端，需要安装Vue-devtools调试工具。
Vue devtools工具安装 Chrome安装Vue devtools 教程步骤
热门推荐
HaHa_Sir的博客
10-10 1万+
Vue devtools工具安装 Chrome安装Vue devtools 一、安装步骤 1、下载地址：GitHub - vuejs/devtools at v5.1.1 2、注意： 必须使用 v5.1.1 版本，经测试这个版本正常使用 3、安装步骤： npm install / cnpm install npm run build 4、上述步骤，安装没报错后，可以看到会生成 devtools/shell 目录 ...
Google浏览器怎么添加vue-devtools拓展工具
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
07-19 2678
步骤 1、下载github上面的源码 git clone https://github.com/vuejs/vue-devtools 如果代码下载不下来，可以下载zip包（我安装的5.1.1的，5.3.3安装依赖会报错） 比如：Error: Cannot find module ‘@vue-devtools/build-tools’ 点击下载： 2、找到vue-devtools文件夹，在目录下安装依赖包 npm install或者cnpm install 3、安装完依赖，找到chrome文件
virtual-authenticators-tab：调试带有chrome扩展程序的webauthn，该扩展程序将虚拟身份验证器选项卡添加到devtools
01-30
虚拟身份验证器选项卡介绍开发人员专用的Google Chrome扩展程序，它在devtools中添加了一个虚拟身份验证器选项卡，使您无需物理安全密钥即可调试和尝试WebAuthn。 此扩展程序最好在Chrome 80及更高版本上运行，但您...
chrome-response-override:Chrome devtools扩展程序可即时修改响应，无需安装外部应用
05-05
Chrome devtools扩展程序可即时修改响应，无需安装外部应用程序。 使用简单的“查找和替换”步骤提供支持以覆盖API / HTML / *响应。 无需安装外部应用程序。 在Chrome扩展程序中覆盖响应正文的步骤 打开devtools...
Rainbow DevTools Theme-crx插件
04-02
这是一个示例扩展，用于向Chrome DevTools添加主题。 此处的详细信息：https://code.google.com/p/chromium/issues/detail?id=318566#c33来源：https://github.com/paulirish/sample-devtools-theme-extension
netify：Chrome扩展程序，用于拦截和修改网络请求
01-30
调试代理将允许您截取和变异来自网页的请求Netify是调试代理，将允许您截取和变异您的请求，例如Fiddler或Charles，但是它更紧凑并且可以直接在Chrome devtools中实现。 Netify为您提供的功能： 按URL，方法或资源...
谷歌浏览器vue devtools插件
05-18
谷歌浏览器vue devtools插件，下载即可安装
chrome.devtools.network的Chrome插件
01-26
blog文所用源码打包下载地址，使用方式请参考：https://blog.csdn.net/zengraoli/article/details/104085859
Chrome浏览器安装devtools开发者工具
Liberty_yes的博客
10-14 3987
Chrome浏览器安装devtools开发者工具 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图的mermaid语法1 功能； 增加了 多屏幕编辑 Ma
安装 Vue-devtools拓展程序
无理. 的博客
11-03 2678
vue-devtools是一款用于vue应用的调试的基于chrome浏览器的插件，可极大地提高我们的调试效率。可帮助我们快速的调试开发vue应用。
谷歌浏览器安装vue-devtools插件
qq_23135259的博客
02-03 4077
谷歌浏览器安装vue-devtools插件
Chrome DevTools（4）：推荐几款DevTools插件
GuoYahong的专栏
04-22 2915
关于DevTools插件 应用于Chrome开发者工具的插件不同于普通的Chrome应用或者插件，它是给你的Chrome DevTools扩展更多的功能，方便你查看和调试web程序。它的安装方法跟Chrome应用的安装方法是一样的，可以通过Chrome应用商店或者直接crx安装文件来安装。 下面推荐几款DevTools插件，有些是博主亲自试用过的，希望对大家的开发调试有帮助。 j
vue-devtools安装教程 （Chrome浏览器）
Odyssey_kd的博客
03-03 1594
2024年最新安装vue-devtools方法
vue关于Chrome浏览器的devtools插件安装
nann-viiv 的博客
10-04 272
（github慢的可以在gitee上搜索devtools工具）
vue3 devtools 下载
07-22
8. 现在，Chrome浏览器将开始下载并安装Vue 3 Devtools扩展程序，安装完成后，您将看到Vue图标会出现在Chrome浏览器右上角的扩展程序栏中。 9. 点击Vue图标，您将能够打开Vue 3 Devtools面板，并对您的Vue 3项目...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值