Tailwind CSS - 編輯器設定

在使用任何技術之前，始終嘗試建立您自己的友好設定，以便開發速度達到最佳水平。擁有有用的外掛和必要的配置設定可以幫助改善您的開發體驗。

語法支援

Tailwind CSS 支援自定義 CSS @規則，例如 @tailwind、@apply 和 @config，但在許多編輯器中，這些 @規則可能無法識別，從而觸發警告或錯誤。

為了解決這些警告和錯誤，我們建議您在 IDE 或編輯器中安裝外掛，以便支援 PostCSS 而不是普通的 CSS。

現在您可能好奇 “什麼是 PostCSS？” PostCSS 是具有 JavaScript 強大功能的未來型 CSS。

在某些情況下，如果您的編輯器對 CSS 檔案中預期的語法非常嚴格，您可能需要停用本機 CSS 程式碼檢查/驗證。

VS Code Tailwind CSS 擴充套件或外掛

有很多外掛和擴充套件可用。在這裡，我們列出了幾個最受歡迎和最有用的外掛。這些將幫助您加快開發速度。

• Tailwind CSS IntelliSense Tailwind CSS IntelliSense 透過為 Visual Studio Code 使用者提供自動完成、語法高亮和程式碼檢查等高階功能，增強了 Tailwind 開發體驗。

• Tailwind Fold： 使用 Tailwind Fold，您可以告別凌亂且難以閱讀的 HTML 程式碼。此擴充套件程式透過自動“摺疊”較長的類屬性來幫助提高程式碼的可讀性。

• Tailwind 文件： 這是您在開發過程中使用的備忘單。您可以在側邊欄中搜索您需要在任何元素上使用的所需類。

• Tailwind 配置檢視器： 在側邊欄中檢視 Tailwind CSS 專案的配置。它將顯示您在 `tailwind.config.js` 檔案中定義的所有顏色、字型、間距等等。