欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

VSCODE怎么安装CSS Peek插件快速查看CSS定义?

程序员文章站 2022-07-05 13:01:11
VSCODE怎么安装CSS Peek插件快速查看CSS定义?...

vscode使用使用css peek快速查看定位css定义非常的方便,该怎么安装并使用呢?下面我们就来看看详细的教程。

打开vscode编辑器,点击左侧菜单最下方的四方形的菜单按钮。在打开的扩展程序市场内搜索css peek

VSCODE怎么安装CSS Peek插件快速查看CSS定义?

在css peek详细页面点击【install】按钮安装扩展程序。

VSCODE怎么安装CSS Peek插件快速查看CSS定义?

安装完成后打开html文件,按住ctrl键同时移到鼠标到要查看样式的类上就可以看到该类的定义了。

VSCODE怎么安装CSS Peek插件快速查看CSS定义?

跳转到样式的定义,按住ctrl键同时点击样式类的名称或者在类的名称上按f12键即可跳转到样式的定义。css peek在开前端开发过程中节省了好多查找样式的时间,真的方便极了。

VSCODE怎么安装CSS Peek插件快速查看CSS定义?

VSCODE怎么安装CSS Peek插件快速查看CSS定义?

以上就是vscode快速查看css定义的技巧,希望大家喜欢,请继续关注。