調色板由 ShadCn 主題編輯器提供

大家早安，MonDEV 快樂！ ☕

這週我們也準備好，手握鍵盤，喝一杯咖啡並編寫等量的程式碼了嗎？

為了在這個過程中一如既往地為您提供支持，這是周一早上的咖啡和本週的工具！

又輪到前端了，既然我們上次和ShadCn 玩得很開心（如果你錯過了我正在談論的時事通訊，你可以在這裡找到它），讓我們繼續使用另一個工具來與這個漂亮的元件庫相關聯!

今天我想特別向您介紹 ShadCn 主題編輯器，一個美麗的工具，簡單而強大（正是我喜歡的那種）。

透過在開發模式下安裝此軟體包，您可以在專案中包含一個元件來查看配置 shadcn 主題的所有變數。此時，您可以一一自訂它們，或使用隨機產生器嘗試各種顏色的可能性。

對結果感到滿意後，您只需使用頂部的按鈕複製所有這些樣式並將它們作為變數貼到 css 的 ::root 中，就這樣，您將編輯您的主題ShadCn 元件。

比這更容易真的很難！ ？

本週文章

• 7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS：說到組件，vue school 的這篇文章提供了 7 種非常有趣的方法來在 vue 中創建按鈕。如果這不是您在日常生活中處理的部分，這也可能是回顧一些與頁面上元素互動相關的概念的好機會！
• 前端狀態：前端週？那我們來談談前端吧！如果您對趨勢和數據感到好奇，並希望獲得一些關於前端的想法，那麼這份報告非常適合您！

很好！這週我也會說我們充滿了嘗試的想法和新聞！所以我讓你喝完咖啡，一如既往......

編碼快樂！

以上是調色板由 ShadCn 主題編輯器提供的詳細內容。更多資訊請關注PHP中文網其他相關文章！