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

打開(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)注武林網(wǎng)。

相關(guān)推薦：

vscode終端錯(cuò)誤提示怎么查找錯(cuò)誤?

vscode怎么安裝REST API插件并測(cè)試?

VSCode怎么關(guān)閉文件斷點(diǎn)? VSCode閉文件中斷點(diǎn)的技巧