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

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