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

相關(guān)推薦：

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

vscode怎么安裝REST API插件并測試?

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