stylelint初體驗

當初在用sublime的時候用過csslint來檢查css語法。
如今用vscode替代sublime，而vscode插件市場上那款csslint插件目前不支持配置文件，有些不爽，因而研究了下其它相關插件。就在這個期間發現stylelint，粗粗看了看，甚合我意。主要有以下幾點：

1. 支持配置文件

2. 對less的支持程度比csslint好（粗粗看下來是比較好的）

3. 可做爲eslint插件使用

4. 使用和eslint很像，定製化更高

資源

看了看github上的文檔，很快就安裝好。

• 全部配置項

• 配置項說明

配置項說明

提示：請使用花括號來包圍聲明。

規則

at-rule- 支持自定義黑白名單

代碼塊

block-opening-brace-和block-closing-brace- 大括號格式。
block-no- 兩個不容許

• 代碼塊內聲明不能爲空

• 代碼塊內代碼不能寫在一行

顏色值

color- 顏色值，主要檢查十六進制

註釋

comment- 支持黑名單（感受不太會用，還須要慢慢熟悉）

聲明

declaration-bang-space- 一條完整的聲明先後的空白格式
declaration-block-no- 三個不容許

• 不容許在一個代碼塊中重複申明

• 不容許出現忽略的屬性

• 不容許縮寫屬性,好比#333

declaration-block-properties-order 屬性出現的順序（視使用者的我的狀況來決定要不要啓用）
declaration-block-semicolon-newline- 聲明後分號格式
declaration-block-single-line-max-declarations 一行中出現的申明最大條數
declaration-block-trailing-semicolon 每一個代碼塊內最後一條申明必須帶上分號
declaration-colon- 聲明中冒號的格式
declaration-empty-line-before 每條申明前 必須 | 禁止 有空白行(不能有空格或tab等)
declaration-no-important 禁用!important
declaration-property-unit- 屬性單位黑白名單
declaration-property-value-屬性值黑白名單

字體

font-family-name-quotes 字體系列中命名時帶引號
font-weight-notation 字重的值使用命名仍是數值

函數

function- 沒怎麼用過css的函數,有待研究

通用配置

indentation 代碼縮進
keyframe-declaration-no-important keyframe申明中禁用!important
length-zero-no-unit 值爲0時不使用單位
max-empty-lines 最大連續空行數
max-line-length 一行字符最大長度
max-nesting-depth 嵌套深度

待續