Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下)

目录

devtools对前端来说的好处------开发预览、远程调试、性能调优、Bug跟踪、断点调试等

下载步骤:

测试阶段:


最近做项目要使用devtools这个vue插件。

devtools对前端来说的好处------开发预览、远程调试、性能调优、Bug跟踪、断点调试等

下载步骤:

首先先想个办法搞个加速器之类的,好实现科学上网。

在Chrome浏览器中访问以下网址:

Chrome应用商店网址:

https://chrome.google.com/webstore/category/extensions?utm_source=chrome-ntp-icon

访问后的效果:

在左上角的搜索店内应用里面,输入devtools

然后点Chrome浏览器右上角的

三个点-设置-扩展程序

上图设置1,2,3这些是为了防止出现显示Vue.js not detected这个情况

记得要打开开发者模式

点devtools的详情

打开允许访问文件网址

然后点左上角的更新

测试阶段:

启动一个vue项目

然后F12打开控制台

显示里面多出来一个vue,则表明下载安装devtools成功

相关推荐
小月土星27 分钟前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆35 分钟前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
用户938515635073 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户059540174465 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen6 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒6 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户938515635076 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈
梦想CAD控件7 小时前
网页端CAD的图形选择、编辑与夹点操作教程
前端·javascript·node.js
妙码生花7 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(五十二):管理员权限检查中间件,AI 随意放行预闯大祸
前端·后端·go
月月大王的3D日记7 小时前
Three.js 入门系列(8):六种光源全解析 —— 关灯了,开光!
前端·javascript