資訊專欄INFORMATION COLUMN
摘要：官網(wǎng)的規(guī)則請(qǐng)戳這里規(guī)則規(guī)則列表這里是內(nèi)的所有規(guī)則。字體系列指定字體系列是否應(yīng)用于單雙引號(hào)內(nèi)。在值列表的逗號(hào)后指定一個(gè)空格或禁止留有空格。禁止使用速記屬性重寫相關(guān)屬性。規(guī)則在規(guī)則前要求或不允許留有空行。禁止規(guī)則添加供應(yīng)商前綴。
官網(wǎng)的規(guī)則請(qǐng)戳這里：stylelint規(guī)則
規(guī)則列表
這里是 stylelint 內(nèi)的所有規(guī)則（2016.03.10）。
顏色
color-hex-case: 指定十六進(jìn)制顏色的大小寫。
color-hex-length: 指定十六進(jìn)制顏色的長(zhǎng)度。
color-named: 在特定的情況下是否允許使用命名的顏色值。
color-no-hex: 禁止使用十六進(jìn)制的顏色。
color-no-invalid-hex: 禁止無效的十六進(jìn)制顏色。
字體系列
font-family-name-quotes: 指定字體系列是否應(yīng)用于單雙引號(hào)內(nèi)。
字體粗細(xì)
font-weight-notation: 要求一致的數(shù)值或命名作為 font-weight 的值。
函數(shù)
function-blacklist: 指定一個(gè)不允許使用函數(shù)的黑名單。
function-calc-no-unspaced-operator: 禁止在 calc 函數(shù)內(nèi)的運(yùn)算符間省略空格。
function-comma-newline-after: 在函數(shù)的逗號(hào)后指定一個(gè)換行符或禁止留有空格。
function-comma-newline-before: 在函數(shù)的逗號(hào)前指定一個(gè)換行符或禁止留有空格。
function-comma-space-after: 在函數(shù)的逗號(hào)后指定一個(gè)空格或禁止留有空格。
function-comma-space-before: 在函數(shù)的逗號(hào)前指定一個(gè)空格或禁止留有空格。
function-linear-gradient-no-nonstandard-direction: 禁止在 linear-gradient() 內(nèi)使用不符合 標(biāo)準(zhǔn)語法 的值。
function-parentheses-newline-inside: 在函數(shù)括號(hào)內(nèi)指定一個(gè)換行符或禁止留有空格。
function-parentheses-space-inside: 在函數(shù)括號(hào)內(nèi)指定一個(gè)空格或禁止留有空格。
function-url-quotes: 為 urls 指定單引或雙引號(hào)。
function-whitelist: 指定一個(gè)允許使用函數(shù)的白名單。
function-whitespace-after: 在函數(shù)后指定一個(gè)空格或禁止留有空格。
數(shù)值
number-leading-zero: 要求或不允許數(shù)值小于 1 的數(shù)字前面添加 0 。
number-max-precision: 限制數(shù)值的小數(shù)位數(shù)。
number-no-trailing-zeros: 禁止在數(shù)值內(nèi)尾隨 0 。
number-zero-length-no-unit: 禁止單位長(zhǎng)度為 0 。
字符串
string-no-newline: 禁止字符串（非轉(zhuǎn)義）換行。
string-quotes: 為字符串指定單引或雙引號(hào)。
時(shí)長(zhǎng)
time-no-imperceptible: 禁止 animation 與 transition 時(shí)長(zhǎng)低于 100ms 。
單位
unit-blacklist: 指定一個(gè)不允許使用單位的黑名單。
unit-whitelist: 指定一個(gè)允許使用單位的白名單。
值
value-no-vendor-prefix: 禁止值添加供應(yīng)商前綴。
值列表
value-list-comma-newline-after: 在值列表的逗號(hào)后指定一個(gè)換行符或禁止留有空格。
value-list-comma-newline-before: 在值列表的逗號(hào)前指定一個(gè)換行符或禁止留有空格。
value-list-comma-space-after: 在值列表的逗號(hào)后指定一個(gè)空格或禁止留有空格。
value-list-comma-space-before: 在值列表的逗號(hào)前指定一個(gè)空格或禁止留有空格。
自定義屬性
custom-property-no-outside-root: 禁止 :root 之外的選擇器自定義屬性。
custom-property-pattern: 指定自定義屬性的模式。
屬性
property-blacklist: 指定一個(gè)不允許使用屬性的黑名單。
property-no-vendor-prefix: 禁止屬性添加供應(yīng)商前綴。
property-unit-blacklist: 指定一個(gè)特定屬性不允許使用單位的黑名單。
property-unit-whitelist: 指定一個(gè)特定屬性允許使用單位的白名單。
property-value-blacklist: 指定一個(gè)不允許使用鍵值對(duì)的黑名單。
property-value-whitelist: 指定一個(gè)允許使用鍵值對(duì)的白名單。
property-whitelist: 指定一個(gè)允許使用屬性的白名單。
聲明
declaration-bang-space-after: 在聲明的優(yōu)先級(jí)后指定一個(gè)空格或禁止留有空格。
declaration-bang-space-before: 在聲明的優(yōu)先級(jí)前指定一個(gè)空格或禁止留有空格。
declaration-colon-newline-after: 在聲明的冒號(hào)后指定一個(gè)換行符或禁止留有空格。
declaration-colon-space-after: 在聲明的冒號(hào)后指定一個(gè)空格或禁止留有空格。
declaration-colon-space-before: 在聲明的冒號(hào)前指定一個(gè)空格或禁止留有空格。
declaration-no-important: 禁止在聲明內(nèi)使用 !important 。
聲明塊
declaration-block-no-duplicate-properties: 禁止在聲明塊內(nèi)出現(xiàn)重復(fù)屬性。
declaration-block-no-shorthand-property-overrides: 禁止使用速記屬性重寫相關(guān)屬性。
declaration-block-properties-order: 指定聲明塊內(nèi)屬性的順序。
declaration-block-semicolon-newline-after: 在聲明塊的分號(hào)后指定一個(gè)換行符或禁止留有空格。
declaration-block-semicolon-newline-before: 在聲明塊的分號(hào)前指定一個(gè)換行符或禁止留有空格。
declaration-block-semicolon-space-after: 在聲明塊的分號(hào)后指定一個(gè)空格或禁止留有空格。
declaration-block-semicolon-space-before: 在聲明塊的分號(hào)前指定一個(gè)空格或禁止留有空格。
declaration-block-single-line-max-declarations: 在單行聲明塊中限制聲明的數(shù)量。
declaration-block-trailing-semicolon: 在聲明塊內(nèi)指定或禁止尾隨分號(hào)。
塊
block-closing-brace-newline-after: 在塊的右大括號(hào)后指定一個(gè)換行符或禁止留有空格。
block-closing-brace-newline-before: 在塊的右大括號(hào)前指定一個(gè)換行符或禁止留有空格。
block-closing-brace-space-after: 在塊的右大括號(hào)后指定一個(gè)空格或禁止留有空格。
block-closing-brace-space-before: 在塊的右大括號(hào)前指定一個(gè)空格或禁止留有空格。
block-no-empty: 禁止空塊。
block-no-single-line: 禁止單行塊。
block-opening-brace-newline-after: 在塊的左大括號(hào)后制定一個(gè)換行符。
block-opening-brace-newline-before: 在塊的左大括號(hào)前指定一個(gè)換行符或禁止留有空格。
block-opening-brace-space-after: 在塊的左大括號(hào)后指定一個(gè)空格或禁止留有空格。
block-opening-brace-space-before: 在塊的左大括號(hào)前指定一個(gè)空格或禁止留有空格。
根選擇器
root-no-standard-properties: 禁止使用標(biāo)準(zhǔn)屬性內(nèi)的 :root 選擇器。
選擇器
selector-class-pattern: 指定類選擇器的模式（模式指的是正則表達(dá)式）。
selector-combinator-space-after: 在復(fù)合選擇器之后要求或不允許留有一個(gè)空格。
selector-combinator-space-before: 在復(fù)合選擇器之前要求或不允許留有一個(gè)空格。
selector-id-pattern: 指定 id 選擇器的模式。
selector-max-specificity: 限制選擇器的特異性。
selector-no-attribute: 禁止屬性選擇器。
selector-no-combinator: 禁止復(fù)合選擇器。
selector-no-id: 禁止 id 選擇器。
selector-no-type: 禁止類型選擇器。
selector-no-universal: 禁止通用選擇器。
selector-no-vendor-prefix: 禁止選擇器添加供應(yīng)商前綴。
selector-pseudo-element-colon-notation: 為偽元素指定適當(dāng)?shù)膯位螂p冒號(hào)。
selector-root-no-composition: 禁止復(fù)合 :root 選擇器。
選擇器列表
selector-list-comma-newline-after: 在選擇器列表的逗號(hào)后指定一個(gè)換行符或禁止留有空格。
selector-list-comma-newline-before: 在選擇器列表的逗號(hào)前指定一個(gè)換行符或禁止留有空格。
selector-list-comma-space-after: 在選擇器列表的逗號(hào)后指定一個(gè)空格或禁止留有空格。
selector-list-comma-space-before: 在選擇器列表的逗號(hào)前指定一個(gè)空格或禁止留有空格。
規(guī)則
rule-nested-empty-line-before: 要求或不允許嵌套規(guī)則前留有空行。
rule-non-nested-empty-line-before: 要求或不允許非嵌套規(guī)則前留有空行。
媒體特性
media-feature-colon-space-after: 在媒體特性的冒號(hào)后指定一個(gè)空格或禁止留有空格。
media-feature-colon-space-before: 在媒體特性的冒號(hào)前指定一個(gè)空格或禁止留有空格。
media-feature-name-no-vendor-prefix: 禁止媒體特性屬性名添加供應(yīng)商前綴。
media-feature-no-missing-punctuation: 確保非布爾型媒體特性具有所需的標(biāo)符：一個(gè)冒號(hào)或范圍運(yùn)算符。
media-feature-range-operator-space-after: 在媒體特性的范圍運(yùn)算符后指定一個(gè)空格或禁止留有空格。
media-feature-range-operator-space-before: 在媒體特性的范圍運(yùn)算符前指定一個(gè)空格或禁止留有空格。
自定義媒體
custom-media-pattern: 指定自定義媒體查詢的名稱模式。
媒體查詢
media-query-parentheses-space-inside: 在媒體查詢括號(hào)內(nèi)要求或不允許留有一個(gè)空格。
媒體查詢列表
media-query-list-comma-newline-after: 在媒體查詢列表的逗號(hào)后指定一個(gè)換行符或禁止留有空格。
media-query-list-comma-newline-before: 在媒體查詢列表的逗號(hào)前指定一個(gè)換行符或禁止留有空格。
media-query-list-comma-space-after: 在媒體查詢列表的逗號(hào)后指定一個(gè)空格或禁止留有空格。
media-query-list-comma-space-before: 在媒體查詢列表的逗號(hào)前指定一個(gè)空格或禁止留有空格。
AT規(guī)則
at-rule-empty-line-before: 在 AT規(guī)則 前要求或不允許留有空行。
at-rule-no-vendor-prefix: 禁止 AT規(guī)則 添加供應(yīng)商前綴。
注釋
comment-empty-line-before: 要求或不允許注釋前面留有一個(gè)空格。
comment-whitespace-inside: 要求或不允許注釋內(nèi)留有一個(gè)空格。
常用樣式
indentation: 指定縮進(jìn)。
max-empty-lines: 限制相鄰的空行數(shù)。
max-line-length: 限制每行的長(zhǎng)度。
max-nesting-depth: 限定嵌套深度。
no-browser-hacks: 禁止使用與目標(biāo)的瀏覽器無關(guān)的 CSS hack。
no-descending-specificity: 禁止特異性較低的選擇器在特異性較高的選擇器之后重寫。
no-duplicate-selectors: 禁止使用重復(fù)的選擇器。
no-eol-whitespace: 禁止行尾留有空白。
no-indistinguishable-colors: 禁止使用極其相似的顏色。
no-invalid-double-slash-comments: 禁止使用 CSS 不支持的雙斜線注釋 (//...) 。
no-missing-eof-newline: 要求文件結(jié)尾留有換行符。
no-unknown-animations: 禁止 animation 使用 與 @keyframes 聲明不對(duì)應(yīng)的名稱。
no-unsupported-browser-features: 禁止使用目標(biāo)瀏覽器不支持的屬性。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/99922.html
摘要：代碼質(zhì)量這個(gè)術(shù)語對(duì)于程序員來說并不陌生。在本文中，我們將探討我們?nèi)绾文軌蚶脦椭覀儯３治覀兊拇a質(zhì)量更高。怎樣使用在這篇文章中，我們重點(diǎn)介紹幾個(gè)插件，可以幫助我們提高代碼質(zhì)量。使用相當(dāng)簡(jiǎn)單的。這兩個(gè)插件可用于代碼分析。 代碼質(zhì)量這個(gè)術(shù)語對(duì)于程序員來說并不陌生。畢竟，每個(gè)開發(fā)人員都知道，代碼只是能工作是不夠的。它還應(yīng)該具備其他要素：它應(yīng)該是可讀的，良好的格式和一致性。它也應(yīng)該符合一些...
摘要：形成良好統(tǒng)一的代碼規(guī)范，有利于提高代碼的可讀性，減少潛在的錯(cuò)誤，便于團(tuán)隊(duì)協(xié)作開發(fā)。其中是可選的，如果沒有則禁用所有規(guī)則，如果有則禁用所有規(guī)則。也可以定義一個(gè)命令同時(shí)運(yùn)行這兩個(gè)命令，我在這里使用了我們定義了在鉤子觸發(fā)時(shí)會(huì)執(zhí)行命令。 形成良好統(tǒng)一的代碼規(guī)范，有利于提高代碼的可讀性，減少潛在的錯(cuò)誤，便于團(tuán)隊(duì)協(xié)作開發(fā)。本文簡(jiǎn)單介紹JS、CSS、 Git Commit 的規(guī)范工具及用法。 Lin...
摘要：規(guī)范越早引入越好，規(guī)范的約束永遠(yuǎn)不嫌多。是什么是一個(gè)基于的代碼審查工具，它易于擴(kuò)展，支持最新的語法，也理解類似的語法。是一個(gè)強(qiáng)大和現(xiàn)代的審查工具，有助于開發(fā)者推行統(tǒng)一的代碼規(guī)范，避免樣式錯(cuò)誤。 規(guī)范越早引入越好，規(guī)范的約束永遠(yuǎn)不嫌多。 stylelint是什么？ stylelint 是一個(gè)基于 Javascript 的代碼審查工具，它易于擴(kuò)展，支持最新的 CSS 語法，也理解類似 CS...
摘要：隨著前端的發(fā)展，越來越復(fù)雜的業(yè)務(wù)，各種各樣的插件模塊依賴關(guān)系，項(xiàng)目復(fù)雜度的提升，開發(fā)成本越來越高。就是解決了這一系列的問題。 基于webpack4 項(xiàng)目說明地址 webpack-scaffold 關(guān)于前端工程化 前端野蠻生長(zhǎng)的時(shí)代已經(jīng)過去了。隨著前端的發(fā)展，越來越復(fù)雜的業(yè)務(wù)，各種各樣的插件模塊依賴關(guān)系，項(xiàng)目復(fù)雜度的提升，開發(fā)成本越來越高。webpack就是解決了這一系列的問題。你可以利...
摘要：前端構(gòu)建之之前寫了一個(gè)前端構(gòu)建之，同樣的目的寫一個(gè)，內(nèi)容基本上和一樣，主要用來自己學(xué)習(xí)記錄。合并很方便的實(shí)現(xiàn)合并最后附上完整的源代碼。 前端構(gòu)建之webpack 之前寫了一個(gè)前端構(gòu)建之gulp，同樣的目的寫一個(gè)webpack， 內(nèi)容基本上和gulp一樣，主要用來自己學(xué)習(xí)記錄。 為什么需要前端構(gòu)建 不解釋 本文大致分為以下幾個(gè)內(nèi)容： 規(guī)范校驗(yàn)js代碼（jslint） js解釋器（b...
閱讀 4189·2023-04-26 02:40
閱讀 2667·2023-04-26 02:31
閱讀 2762·2021-11-15 18:08
閱讀 580·2021-11-12 10:36
閱讀 1442·2021-09-30 09:57
閱讀 5215·2021-09-22 15:31
閱讀 2641·2019-08-30 14:17
閱讀 1290·2019-08-30 12:58
