使用 WebStorm 開發 Hugo (Modern CSS)
WebStorm 目前並沒有原生支援 Hugo,須另外安裝 Smart Hugo,且不再使用 Prettier 與 Stylelint,直接使用 WebStorm 內建功能,打造 Zero Dependency 與 No Node.js 開發環境。
WebStorm 目前並沒有原生支援 Hugo,須另外安裝 Smart Hugo,且不再使用 Prettier 與 Stylelint,直接使用 WebStorm 內建功能,打造 Zero Dependency 與 No Node.js 開發環境。
設定除了可以匯出成 ZIP 外,更方便的方法是直接同步到雲端,讓其他電腦可以簡單套用。
將 WebStorm 設定匯出成 ZIP 檔之後,可再其他電腦加以匯入,不必再由 GUI 慢慢設定。
WebStorm 雖然沒有如 VS Code 那樣以 JSON 儲存設定檔,而是以 GUI 方式設定,但仍可將設定匯出成 ZIP 檔。
在 WebStorm 內使用 Claude Code 共有 4 種方式,各有各的優缺點,可自行選擇適合的方式。
本文記錄我的 WebStorm 基本設定。
實務上很多目錄與檔案是由工具所建立與使用,我們並不會參與編輯,或者該檔案太多,會花費很多時間建立索引,可將這些檔案或目錄設定為 Excluded,將可隱藏並停止建立索引。
Vim 優點在其高效的 鍵盤 控制,可完全不需 滑鼠 或 觸控板 介入。JetBrains 亦官方提供 IdeaVim Plugin,讓我們在 WebStorm 也能使用 Vim 模式。
WebStorm 目前並沒有原生支援 Hugo,必須另外安裝 Smart Hugo plugin,但原生支援 Prettier 美化 HTML/SCSS/JavaScript,與 Stylelint 加強 CSS 檢查與排序。
在 .scss 使用新的 @use 引用其他檔案時,WebStorm 會報錯找不到檔案。