VSCODE怎么安裝CSS Peek插件快速查看CSS定義?

VSCODE使用使用CSS Peek快速查看定位CSS定義非常的方便,該怎么安裝并使用呢?下面我們就來(lái)看看詳細(xì)的教程。

Visual Studio Code 64位 v1.99.3 官方最新安裝版
- 類(lèi)型:編程工具
- 大?。?/span>102MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2025-04-17
打開(kāi)VSCODE編輯器,點(diǎn)擊左側(cè)菜單最下方的四方形的菜單按鈕。在打開(kāi)的擴(kuò)展程序市場(chǎng)內(nèi)搜索CSS Peek。
在CSS Peek詳細(xì)頁(yè)面點(diǎn)擊【Install】按鈕安裝擴(kuò)展程序。
安裝完成后打開(kāi)HTML文件,按住CTRL鍵同時(shí)移到鼠標(biāo)到要查看樣式的類(lèi)上就可以看到該類(lèi)的定義了。
跳轉(zhuǎn)到樣式的定義,按住CTRL鍵同時(shí)點(diǎn)擊樣式類(lèi)的名稱(chēng)或者在類(lèi)的名稱(chēng)上按F12鍵即可跳轉(zhuǎn)到樣式的定義。CSS Peek在開(kāi)前端開(kāi)發(fā)過(guò)程中節(jié)省了好多查找樣式的時(shí)間,真的方便極了。
以上就是VSCODE快速查看CSS定義的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VSCode怎么關(guān)閉文件斷點(diǎn)? VSCode閉文件中斷點(diǎn)的技巧
相關(guān)文章
不同設(shè)備間怎么快速同步vscode插件/配置信息?
不同設(shè)備間怎么快速同步vscode插件/配置信息?在不同的電腦上安裝vscode后,想要同步插件和配置信息,該怎么同步呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2020-07-13- vscode怎么安裝REST API插件并測(cè)試?vscode中有很多插件,想要安裝REST API插件,在測(cè)試 REST API (作為HTTP Client)的時(shí)候用的到,下面我們就來(lái)看看詳細(xì)的教程,需要的朋2020-01-07
- VSCode怎么安裝插件運(yùn)行HTML文件?VSCode中無(wú)法直接運(yùn)行html文件,需要借助插件來(lái)運(yùn)行,下面我們就來(lái)介紹插件的安裝以及運(yùn)行html文件的方法,2019-07-11
在vscode中安裝使用pylint-django插件解決pylint的一些不必要的錯(cuò)誤提
這篇文章主要介紹了在vscode中使用pylint-django插件解決pylint的一些不必要的錯(cuò)誤提示,需要的朋友可以參考下2018-04-06盤(pán)一盤(pán)那些提效/創(chuàng)意的vscode插件(小結(jié))
這篇文章主要介紹了盤(pán)一盤(pán)那些提效/創(chuàng)意的vscode插件(小結(jié)),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)2020-10-13