摘要:有百余條內置規則。它們希望為廣大開發者提供更有價值的標準。每個規則都是獨立的,默認情況下為關閉狀態并沒有默認值。規則列表這里是內的所有規則,它們的組別來自詞匯表。規則在規則前要求或不允許留有空行。禁止規則添加供應商前綴。
stylelint 有百余條內置規則。它們希望為廣大開發者提供更有價值的 標準 CSS 。每個規則都是獨立的,默認情況下為關閉狀態并沒有默認值。
規則列表這里是 stylelint 內的所有規則(2016.03.10),它們的組別來自 CSS 詞匯表 。
顏色color-hex-case: 指定十六進制顏色的大小寫。
color-hex-length: 指定十六進制顏色的長度。
color-named: 在特定的情況下是否允許使用命名的顏色值。
color-no-hex: 禁止使用十六進制的顏色。
color-no-invalid-hex: 禁止無效的十六進制顏色。
字體系列font-family-name-quotes: 指定字體系列是否應用于單雙引號內。
字體粗細font-weight-notation: 要求一致的數值或命名作為 font-weight 的值。
函數function-blacklist: 指定一個不允許使用函數的黑名單。
function-calc-no-unspaced-operator: 禁止在 calc 函數內的運算符間省略空格。
function-comma-newline-after: 在函數的逗號后指定一個換行符或禁止留有空格。
function-comma-newline-before: 在函數的逗號前指定一個換行符或禁止留有空格。
function-comma-space-after: 在函數的逗號后指定一個空格或禁止留有空格。
function-comma-space-before: 在函數的逗號前指定一個空格或禁止留有空格。
function-linear-gradient-no-nonstandard-direction: 禁止在 linear-gradient() 內使用不符合 標準語法 的值。
function-parentheses-newline-inside: 在函數括號內指定一個換行符或禁止留有空格。
function-parentheses-space-inside: 在函數括號內指定一個空格或禁止留有空格。
function-url-quotes: 為 urls 指定單引或雙引號。
function-whitelist: 指定一個允許使用函數的白名單。
function-whitespace-after: 在函數后指定一個空格或禁止留有空格。
數值number-leading-zero: 要求或不允許數值小于 1 的數字前面添加 0 。
number-max-precision: 限制數值的小數位數。
number-no-trailing-zeros: 禁止在數值內尾隨 0 。
number-zero-length-no-unit: 禁止單位長度為 0 。
字符串string-no-newline: 禁止字符串(非轉義)換行。
string-quotes: 為字符串指定單引或雙引號。
時長time-no-imperceptible: 禁止 animation 與 transition 時長低于 100ms 。
單位unit-blacklist: 指定一個不允許使用單位的黑名單。
unit-whitelist: 指定一個允許使用單位的白名單。
值value-no-vendor-prefix: 禁止值添加供應商前綴。
值列表value-list-comma-newline-after: 在值列表的逗號后指定一個換行符或禁止留有空格。
value-list-comma-newline-before: 在值列表的逗號前指定一個換行符或禁止留有空格。
value-list-comma-space-after: 在值列表的逗號后指定一個空格或禁止留有空格。
value-list-comma-space-before: 在值列表的逗號前指定一個空格或禁止留有空格。
自定義屬性custom-property-no-outside-root: 禁止 :root 之外的選擇器自定義屬性。
custom-property-pattern: 指定自定義屬性的模式。
屬性property-blacklist: 指定一個不允許使用屬性的黑名單。
property-no-vendor-prefix: 禁止屬性添加供應商前綴。
property-unit-blacklist: 指定一個特定屬性不允許使用單位的黑名單。
property-unit-whitelist: 指定一個特定屬性允許使用單位的白名單。
property-value-blacklist: 指定一個不允許使用鍵值對的黑名單。
property-value-whitelist: 指定一個允許使用鍵值對的白名單。
property-whitelist: 指定一個允許使用屬性的白名單。
聲明declaration-bang-space-after: 在聲明的優先級后指定一個空格或禁止留有空格。
declaration-bang-space-before: 在聲明的優先級前指定一個空格或禁止留有空格。
declaration-colon-newline-after: 在聲明的冒號后指定一個換行符或禁止留有空格。
declaration-colon-space-after: 在聲明的冒號后指定一個空格或禁止留有空格。
declaration-colon-space-before: 在聲明的冒號前指定一個空格或禁止留有空格。
declaration-no-important: 禁止在聲明內使用 !important 。
聲明塊declaration-block-no-duplicate-properties: 禁止在聲明塊內出現重復屬性。
declaration-block-no-shorthand-property-overrides: 禁止使用速記屬性重寫相關屬性。
declaration-block-properties-order: 指定聲明塊內屬性的順序。
declaration-block-semicolon-newline-after: 在聲明塊的分號后指定一個換行符或禁止留有空格。
declaration-block-semicolon-newline-before: 在聲明塊的分號前指定一個換行符或禁止留有空格。
declaration-block-semicolon-space-after: 在聲明塊的分號后指定一個空格或禁止留有空格。
declaration-block-semicolon-space-before: 在聲明塊的分號前指定一個空格或禁止留有空格。
declaration-block-single-line-max-declarations: 在單行聲明塊中限制聲明的數量。
declaration-block-trailing-semicolon: 在聲明塊內指定或禁止尾隨分號。
塊block-closing-brace-newline-after: 在塊的右大括號后指定一個換行符或禁止留有空格。
block-closing-brace-newline-before: 在塊的右大括號前指定一個換行符或禁止留有空格。
block-closing-brace-space-after: 在塊的右大括號后指定一個空格或禁止留有空格。
block-closing-brace-space-before: 在塊的右大括號前指定一個空格或禁止留有空格。
block-no-empty: 禁止空塊。
block-no-single-line: 禁止單行塊。
block-opening-brace-newline-after: 在塊的左大括號后制定一個換行符。
block-opening-brace-newline-before: 在塊的左大括號前指定一個換行符或禁止留有空格。
block-opening-brace-space-after: 在塊的左大括號后指定一個空格或禁止留有空格。
block-opening-brace-space-before: 在塊的左大括號前指定一個空格或禁止留有空格。
根選擇器root-no-standard-properties: 禁止使用標準屬性內的 :root 選擇器。
選擇器selector-class-pattern: 指定類選擇器的模式(模式指的是正則表達式)。
selector-combinator-space-after: 在復合選擇器之后要求或不允許留有一個空格。
selector-combinator-space-before: 在復合選擇器之前要求或不允許留有一個空格。
selector-id-pattern: 指定 id 選擇器的模式。
selector-max-specificity: 限制選擇器的特異性。
selector-no-attribute: 禁止屬性選擇器。
selector-no-combinator: 禁止復合選擇器。
selector-no-id: 禁止 id 選擇器。
selector-no-type: 禁止類型選擇器。
selector-no-universal: 禁止通用選擇器。
selector-no-vendor-prefix: 禁止選擇器添加供應商前綴。
selector-pseudo-element-colon-notation: 為偽元素指定適當的單或雙冒號。
selector-root-no-composition: 禁止復合 :root 選擇器。
選擇器列表selector-list-comma-newline-after: 在選擇器列表的逗號后指定一個換行符或禁止留有空格。
selector-list-comma-newline-before: 在選擇器列表的逗號前指定一個換行符或禁止留有空格。
selector-list-comma-space-after: 在選擇器列表的逗號后指定一個空格或禁止留有空格。
selector-list-comma-space-before: 在選擇器列表的逗號前指定一個空格或禁止留有空格。
規則rule-nested-empty-line-before: 要求或不允許嵌套規則前留有空行。
rule-non-nested-empty-line-before: 要求或不允許非嵌套規則前留有空行。
媒體特性media-feature-colon-space-after: 在媒體特性的冒號后指定一個空格或禁止留有空格。
media-feature-colon-space-before: 在媒體特性的冒號前指定一個空格或禁止留有空格。
media-feature-name-no-vendor-prefix: 禁止媒體特性屬性名添加供應商前綴。
media-feature-no-missing-punctuation: 確保非布爾型媒體特性具有所需的標符:一個冒號或范圍運算符。
media-feature-range-operator-space-after: 在媒體特性的范圍運算符后指定一個空格或禁止留有空格。
media-feature-range-operator-space-before: 在媒體特性的范圍運算符前指定一個空格或禁止留有空格。
自定義媒體custom-media-pattern: 指定自定義媒體查詢的名稱模式。
媒體查詢media-query-parentheses-space-inside: 在媒體查詢括號內要求或不允許留有一個空格。
媒體查詢列表media-query-list-comma-newline-after: 在媒體查詢列表的逗號后指定一個換行符或禁止留有空格。
media-query-list-comma-newline-before: 在媒體查詢列表的逗號前指定一個換行符或禁止留有空格。
media-query-list-comma-space-after: 在媒體查詢列表的逗號后指定一個空格或禁止留有空格。
media-query-list-comma-space-before: 在媒體查詢列表的逗號前指定一個空格或禁止留有空格。
AT規則at-rule-empty-line-before: 在 AT規則 前要求或不允許留有空行。
at-rule-no-vendor-prefix: 禁止 AT規則 添加供應商前綴。
注釋comment-empty-line-before: 要求或不允許注釋前面留有一個空格。
comment-whitespace-inside: 要求或不允許注釋內留有一個空格。
常用樣式indentation: 指定縮進。
max-empty-lines: 限制相鄰的空行數。
max-line-length: 限制每行的長度。
max-nesting-depth: 限定嵌套深度。
no-browser-hacks: 禁止使用與目標的瀏覽器無關的 CSS hack。
no-descending-specificity: 禁止特異性較低的選擇器在特異性較高的選擇器之后重寫。
no-duplicate-selectors: 禁止使用重復的選擇器。
no-eol-whitespace: 禁止行尾留有空白。
no-indistinguishable-colors: 禁止使用極其相似的顏色。
no-invalid-double-slash-comments: 禁止使用 CSS 不支持的雙斜線注釋 (//...) 。
no-missing-eof-newline: 要求文件結尾留有換行符。
no-unknown-animations: 禁止 animation 使用 與 @keyframes 聲明不對應的名稱。
no-unsupported-browser-features: 禁止使用目標瀏覽器不支持的屬性。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115097.html
摘要:有一百多條校驗規則這些規則可以分為三類用于校對風格的規則用于判別代碼可維護性的規則以及用于判斷代碼錯誤的規則。所有規則默認都是關閉的。聲明后還需要在中使用它,具體規則名稱以及可能的取值需要去查看每個插件的文檔。 stylelint有一百多條校驗規則, 這些規則可以分為三類:用于校對風格的規則、用于判別代碼可維護性的規則、以及用于判斷代碼錯誤的規則。雖然條數眾多,但是不用怕,因為都是默認...
摘要:如何為你的項目添加配置如何為你的項目添加配置現在已經是年了,網上許多教程和分享帖都已經過期,照著他們的步驟來會踩一些坑,如已經不再維護,以及之后文件只剩下部分等。如有疑問或授權協商請與我聯系。如何為你的 Vue 項目添加配置 Stylelint 現在已經是 9102 年了,網上許多教程和分享帖都已經過期,照著他們的步驟來會踩一些坑,如 stylelint-processor-html 已經不...
摘要:對于而言,不能算是嚴格意義的編程語言,但是在前端體系中卻不能小覷。為什么這么難學不是科學,而是藝術所以校驗規則的行動迫在眉睫,立即執行。如何遵守提交的時候,以的形式人工校驗。以語法表示文件的路徑。嗯,這點很重要。 原文鏈接:http://hangyangws.win/2017/06... 為什么需要校驗 CSS 規則 對于編程語言進行「語法、書寫」校驗,能有效「歸并」不同開發者的「不...
摘要:代碼質量這個術語對于程序員來說并不陌生。在本文中,我們將探討我們如何能夠利用幫助我們,保持我們的代碼質量更高。怎樣使用在這篇文章中,我們重點介紹幾個插件,可以幫助我們提高代碼質量。使用相當簡單的。這兩個插件可用于代碼分析。 代碼質量這個術語對于程序員來說并不陌生。畢竟,每個開發人員都知道,代碼只是能工作是不夠的。它還應該具備其他要素:它應該是可讀的,良好的格式和一致性。它也應該符合一些...
摘要:形成良好統一的代碼規范,有利于提高代碼的可讀性,減少潛在的錯誤,便于團隊協作開發。其中是可選的,如果沒有則禁用所有規則,如果有則禁用所有規則。也可以定義一個命令同時運行這兩個命令,我在這里使用了我們定義了在鉤子觸發時會執行命令。 形成良好統一的代碼規范,有利于提高代碼的可讀性,減少潛在的錯誤,便于團隊協作開發。本文簡單介紹JS、CSS、 Git Commit 的規范工具及用法。 Lin...
摘要:提高開發效率簡單的集成到了生成的項目上項目地址一集成管理團隊的信息步奏安裝添加規則根目錄添加文件,并添加規則,必須為格式添加到中安裝并添加命令在中添加查看詳情二集成管理團隊編寫規范步奏安裝 提高開發效率 簡單的集成到了vue-cli生成的項目上 項目github地址 A Vue.js project Build Setup # install dependencies npm inst...
閱讀 2883·2021-11-24 09:39
閱讀 2454·2019-08-30 15:53
閱讀 3024·2019-08-30 13:47
閱讀 1296·2019-08-30 12:50
閱讀 1480·2019-08-29 16:31
閱讀 2641·2019-08-29 13:14
閱讀 1559·2019-08-29 10:55
閱讀 789·2019-08-26 13:32