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

已于 2022-04-26 15:16:55 修改
阅读量493 收藏 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的v5.1.1版本，通过VSCode进行npm安装和构建，然后在谷歌扩展程序中启用开发者模式，加载已解压的扩展来安装Vue.js Devtools。
摘要由CSDN通过智能技术生成

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

然后点击tags

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

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

然后先执行 npm install

上面执行完后，再执行 npm run b

最低0.47元/天 解锁文章
不取昵称-06
关注
google浏览器添加react-devtools扩展程序的方法
Q_004的博客
11-27 1273
安装react-devTools调试工具步骤 1 ，先去github上下载文件到本地，下载压缩包（下载到自己能找到的地方） 2，解压文件，解压好之后通过命令进入react-devtools-3文件夹（下载的压缩包就是这个名字） 然后用npm 安装依赖 npm --registry https://registry.npm.taobao.org install 我安装的时候报错了...
vue-devtools-dev下载
04-08
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。
提升Vue开发效率的利器：Vue DevTools浏览器扩展程序
最新发布
gitblog_06573的博客
09-20 418
提升Vue开发效率的利器：Vue DevTools浏览器扩展程序 浏览器扩展程序增加vue_dev_tools调试工具 项目地址: https://gitcode.com/Resource-Bundle-Collection/b...
vue-devtools下载与使用
weixin_34233421的博客
11-06 220
使用vue-cli的同学肯定知道有一个Chrome调试工具——vue-devtool。但是在国内环境很难直接在Chrome商店下载得到，今天提供一个4.1.5版本的下载地址。链接： 网盘地址 提取码：ty1m 如果地址过期了，可以到csdn下载：csdn地址 1.安装 我们打开chrome的扩展程序，讲刚下载的文件拖进去，就可以安装了。 2.更改一些配置 首先打开chrome的开发者模式，然后允...
vue-devtools 下载
qq_24981615的博客
10-30 425
提示小消失。
安装 chrome devtools 扩展程序
EchoLiner的博客
08-01 509
1、下载chrome devtools，解压 chrome.zip 到本地 2、点击谷歌浏览器右上角三个点 -> 更多工具 -> 扩展程序，再打开页面????右边的开发者模式 3、选择“加载已解压的扩展程序”，选中刚刚解压的 chrome 文件夹，点击右下角的“选择”按钮 4、完美出现此扩展程序 5、测试一下，右上角出现devtools的图标，???? ...
vue-devtools 免费下载-vue开发浏览器插件
02-03
vue-devtools-5.3.4 稳定版插件免费下载分享，插件搬运工
vue调试工具 vue-devtools 版本3.1.5，解压后直接在谷歌扩展程序添加就行
11-02
在实际使用中，将Vue Devtools添加到Chrome扩展程序的过程很简单。首先，你需要下载包含扩展程序的压缩包，解压后得到`.crx`文件。然后，打开Chrome浏览器，进入设置页面（chrome://extensions/），启用开发者模式，...
vue devtools4.1.3扩展程序 直接加载已解压的扩展程序即可使用 适合vue2的项目使用
04-21
在对话框中找到你刚刚解压的Vue Devtools文件夹，确认无误后点击"选择文件夹"，这样Vue Devtools 4.1.3就会被添加到你的浏览器中。一旦安装完成，你就可以在开发Vue 2项目时，在浏览器的开发者工具中看到Vue ...
Vue.js devtools谷歌插件
03-14
对于手动安装，你需要将`.crx`文件拖拽到浏览器的扩展管理页面，或者右键点击文件选择“加载已解压的扩展程序”。 Vue.js devtools的功能非常全面，主要特点包括： 1. **组件树视图**：展示应用程序中的所有Vue...
vue.js devtools下载和安装
weixin_35752233的博客
02-16 909
Vue.js Devtools是一个浏览器扩展程序，它提供了一组有用的工具，用于调试Vue.js应用程序。以下是Vue.js Devtools的下载和安装步骤： 打开谷歌浏览器或火狐浏览器。 在浏览器中搜索“Vue.js Devtools”。 从搜索结果中选择官方网站下载页面。 在下载页面中选择适合你的浏览器的版本(Chrome或Firefox)。 点击“添加到Chrome”或“添加到Firef...
vue devtools3.1.6 chrome扩展离线版(crx)下载
12-04
vue devtools3.1.6 chrome扩展离线版(crx)下载,刚刚从墙外面下回来的,亲测可用，希望对大家有用。
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 chrome扩展离线下载
08-24
vue devtools chrome扩展离线下载
Vue.js devtools-用于调试Vue.js应用程序的Chrome devtools扩展。-Vue.js开发
05-27
vue-devtools安装获取Chrome扩展/（beta通道）获取Firefox插件/（beta通道）获取独立的Electron应用程序（与任何vue-devtools安装一起使用）获取Chrome扩展/（beta通道）获取Firefox插件/（beta）通道）获取独立的Electron应用程序（可在任何环境下使用！）重要用法说明如果页面使用Vue.js的生产版本/最小化版本，则默认情况下禁用devtools检查，因此不会显示Vue窗格。对于通过file：//协议打开的页面，您需要在Chrome的扩展程序管理面板中选中此扩展程序的“允许访问文件URL”。
wechat_devtools_1.02.1907300_x64.rar
09-23
微信开发调试软件,像web开发一样在浏览器可以查看报错信息
vue-devtools的下载和安装
Haines
07-05 4816
1.下载链接和提取密码链接:https://pan.baidu.com/s/139hspAnspD7bJbo81xigmg 密码:1hsv2.将manifest.json里面persistent:false改为true
vue devtools V6.2.0 下载与安装
weixin_47675705的博客
07-07 766
vue-devtools V6.2.0
超详细Vue Devtools的下载和安装——Vue的调试工具
热门推荐
沐小侠
01-11 6万+
在使用 Vue 时，我们推荐在浏览器上安装 Vue Devtools。vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用。 下载 Github下载地址：https://github.com/vuejs/vue-devtools/tree/v5.1.1 解压下载的文件，在这里解压到D:/Vue下。 在命令行中切换到解压好的vue-devtools-5.1.1目录，使用cnpm install命令进行依赖安装。 依赖包下载完后执行npm run build,编译打包成功后会
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值