統一 CSS 樣式排序
若由多人共同開發 CSS,不同的樣式排序將造成困擾,可透過 Stylelint 將樣式統一排序。
若由多人共同開發 CSS,不同的樣式排序將造成困擾,可透過 Stylelint 將樣式統一排序。
BEM 命名規則在 SCSS 開發為必備,透過 Stylelint 也可加以檢查,且支援 SCSS 的 &。
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 檔。
不同瀏覽器對 HTML Tag 都有其預設 CSS Style,為了讓個瀏覽器表現一致,建議使用 CSS Reset 將所有預設 CSS Style 清除。
WebStorm 已經提供 Vue Plugin 完整支援 Vue,唯一只有 .vue 格式縮排部分,Webstorm 與 Vue 的看法迥異,在 Reformat Code 之後,縮排會完全跑掉,需要稍微調整。