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成功

相关推荐
zhoxier6 分钟前
elementui el-select 获取value和label 以及 对象的方法
javascript·vue.js·elementui
是小狐狸呀7 分钟前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
四岁半儿3 小时前
常用css
前端·css
你的人类朋友3 小时前
说说git的变基
前端·git·后端
姑苏洛言3 小时前
网页作品惊艳亮相!这个浪浪山小妖怪网站太治愈了!
前端
字节逆旅4 小时前
nvm 安装pnpm的异常解决
前端·npm
Jerry4 小时前
Compose 从 View 系统迁移
前端
GIS之路4 小时前
2025年 两院院士 增选有效候选人名单公布
前端
四岁半儿4 小时前
vue,H5车牌弹框定制键盘包括新能源车牌
前端·vue.js
烛阴4 小时前
告别繁琐的类型注解:TypeScript 类型推断完全指南
前端·javascript·typescript