在項目中加入 eslint 或者 tslint 去規(guī)范我們在寫 js 的語法玻蝌。
但項目中占更大比重的一部分就是 css。很多項目不重視 css 的編寫悔雹。
原因其一：基本上寫完的頁面实昨，改動很小侨把。要是大改動基本上重寫一個頁面的速度會更快。
原因其二：css 的性能影響相對較小榨呆，不如 js罗标，如果寫個死循環(huán)就 done 機了。
但是积蜻，作為程序員不能放棄追求美的步伐闯割。
曾經(jīng)你們的 css 項目肯定有這樣的：
.style {
width: 100px;
padding:20px;
height: 30px; border: 1px solid #fff;
top: 0px;
position: fixed;
}
格式的不規(guī)范，css 樣式的不規(guī)范竿拆。就算不重寫宙拉，維護和開發(fā)也很糟心。
這里介紹一個 stylelint 的規(guī)范
stylelint-config-sf-css
在項目中引用的步驟
第一步：yarn add --dev stylelint-config-sf-css
第二步：在項目中加入一個 .stylelintrc.json 的文件
第三步：在 .stylelintrc.json 的文件中加入
{
"extends":[stylelint-config-sf-css]
}
第四步：在 VScode 安裝一個插件 stylelint
第五步：如果校驗不好使丙笋，可以 yarn / npm init
第六步：如果有想忽略的文件鼓黔，可以加入 .stylelintignore
/node_modules
/output
/config
docs/
.tsx
.ts
如果有部分規(guī)則想自定義
可以在第三步，.stylelintrc.json 文件中加入 rules
{
"extends":[stylelint-config-sf-css],
"rules": { ... }
}
stylelint 的依賴
