MUKI space*
Front-end Development,
Effective Note-Taking.
只用 ESLint 處理程式碼格式與規則，並在存檔時自動調整格式
ESLint 將於 2023 年 10 月起不再支援格式設定規則，建議使用 ESLint Stylistic 取代。Anthony Fu 將持續維護這些規則，使用者可安裝相關套件來保持程式碼格式的一致性。若需自動格式化功能，可在 VSCode 設定中加入 "eslint.run": "onSave"。
若需在開發網站時顯示 ESLint 警告，需安裝 vite-plugin-eslint 並修改 vite.config.js。安裝 ESLint 與相關插件後，設定 eslint.config.js 來管理規則。對於 Vue3 和 TypeScript 專案，需安裝特定版本的 ESLint 套件，並在 VSCode 中設定自動格式化。...
如何讓使用 CDN 的 Tailwind CSS 也能在 VS Code 啟用 Tailwind CSS Intellisense 套件
VS Code 的 Tailwind CSS Intellisense 套件提供自動完成、語法 highlight 和提示功能，增強 Tailwind CSS 的開發體驗。使用此功能需安裝 Tailwind CSS 並在專案資料夾中加入 tailwind.config.js 檔案。
若使用 CDN 的 Tailwind CSS，可以在佈景主題資料夾新增一個空的 tailwind.config.js 檔案，並放在 /wp-content/themes/資料夾名稱/ 下，即可啟用 Intellisense 套件。這技巧適用於 PHP 和一般 HTML 檔案。...
VSCode 的好用註解套件，高亮註解顏色，將註解變成 TODO 待辦事項
最近開發功能愈加複雜，為避免日後難以理解自己的註解，選擇使用兩款 VSCode 套件：Better Comments 和 Todo Tree。Better Comments 能高亮顯示註解，根據前綴詞設定不同顏色；Todo Tree 除了高亮功能，還可管理註解為待辦事項。這兩款套件各有特色，若不介意刪除線功能，只需選擇一款即可。
Better Comments 提供多種顏色與前綴詞設定，提升註解可讀性；Todo Tree 則能將註解集中管理，方便追蹤任務進度。兩者結合使用，能更靈活地管理註解，提升開發效率。...
我的 Visual Studio Code 編輯器設定記錄 (佈景與模組)
2016 年開始使用 Brackets 編輯器，後來轉用 VS Code，因為其更新速度快、延伸模組豐富。VS Code 每月固定更新，且提供 Brackets 的內建功能如 CSS Peak。延伸模組如 Auto Rename Tag、Bracket Pair Colorizer 2、cdnjs 等，讓開發更順利。
推薦的其他模組包括 Git History、HTML CSS Support、Live Server、Settings Sync 等。這些模組能提升開發效率，並提供多樣化的功能，適合客製化需求。...