檢查 CSS 符合 BEM 命名規則
BEM 命名規則在 CSS 開發為必備,透過 Stylelint 也可加以檢查。
BEM 命名規則在 CSS 開發為必備,透過 Stylelint 也可加以檢查。
Stylelint 可檢查 CSS,除了安裝 Stylelint 外,還要安裝 Stylelint-config-standard。
Stylelint 可檢查 SCSS,除了安裝 Stylelint 外,還要安裝 Stylelint-scss 與 Stylelint-config-standard-scss。
Stylelint 可檢查 SCSS,除了安裝 Stylelint 外,還要安裝其他 Plugin 與修改設定檔,才能完成 檢查 BEM、查狀結構 與 樣式排序…等需求。
Stylelint 可檢查 CSS,除了安裝 Stylelint 外,還要安裝其他 Plugin 與修改設定檔,才能完成 檢查 BEM、查狀結構 與 樣式排序…等需求。
實務上會想將每個 Template 或 Partial 有自己的 CSS 檔,在開發階段亦保持獨立,直到編譯階段再將所有 CSS 檔合併成單一 CSS 檔。
Sass 為 CSS 的前處理器,可以想成是 CSS 的 Template Engine,最後會編譯成標準 CSS。Sass 提供了 3 大基礎功能:巢狀結構、變數 與 引用檔案,彌補了 CSS 之不足。
不同瀏覽器對 HTML Tag 都有其預設 CSS Style,為了讓個瀏覽器表現一致,建議使用 CSS Reset 將所有預設 CSS Style 清除。
WebStorm 已經提供 Vue Plugin 完整支援 Vue,唯一只有 .vue 格式縮排部分,Webstorm 與 Vue 的看法迥異,在 Reformat Code 之後,縮排會完全跑掉,需要稍微調整。
在 .scss 使用新的 @use 引用其他檔案時,WebStorm 會報錯找不到檔案。