Quiet
  • HOME
  • ARCHIVE
  • CATEGORIES
  • TAGS
  • LINKS
  • ABOUT

李致知

  • HOME
  • ARCHIVE
  • CATEGORIES
  • TAGS
  • LINKS
  • ABOUT
Quiet主题
  • 开发工具类

Vue.js devtools使用过程

李致知

2023-03-12 11:17:45

文章目录
  1. 一,背景
  2. 二,过程
    1. 1,界面功能

一,背景

我之前下载过 vue.js devtools 的 chrome 插件,但是从来没用过。这几天闲的没事,就捣鼓了一下。

二,过程

1,界面功能

image-20230312200143234

感觉就这个类似选中元素的选中组件功能有点用。

image-20230312200244252

一些组件会有这个跳转标记,可以直接跳转到组件所在的文件(在 vscode 项目中打开),这个功能适合你半路接手一个项目,不清楚项目结构的时候使用,这个功能还蛮不错的。

这个搜索也算有点用吧。

再就是右边的值可以更改和查看,可以调整页面显示效果。


上一篇

script标签位置影响

下一篇

Vite项目环境变量模式

©2023 By 李致知. 主题: Quiet 鲁ICP备2022039519号-1
Quiet主题