资讯专栏INFORMATION COLUMN

stylelint 规则

Faremax / 1294人阅读

摘要:有百余条内置规则。它们希望为广大开发者提供更有价值的标准。每个规则都是独立的,默认情况下为关闭状态并没有默认值。规则列表这里是内的所有规则,它们的组别来自词汇表。规则在规则前要求或不允许留有空行。禁止规则添加供应商前缀。

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: 禁止 animationtransition 时长低于 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: 禁止使用目标浏览器不支持的属性。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115097.html

相关文章

  • stylelint总结

    摘要:有一百多条校验规则这些规则可以分为三类用于校对风格的规则用于判别代码可维护性的规则以及用于判断代码错误的规则。所有规则默认都是关闭的。声明后还需要在中使用它,具体规则名称以及可能的取值需要去查看每个插件的文档。 stylelint有一百多条校验规则, 这些规则可以分为三类:用于校对风格的规则、用于判别代码可维护性的规则、以及用于判断代码错误的规则。虽然条数众多,但是不用怕,因为都是默认...

    MingjunYang 评论0 收藏0
  • 如何为你的 Vue 项目添加配置 Stylelint

    摘要:如何为你的项目添加配置如何为你的项目添加配置现在已经是年了,网上许多教程和分享帖都已经过期,照着他们的步骤来会踩一些坑,如已经不再维护,以及之后文件只剩下部分等。如有疑问或授权协商请与我联系。如何为你的 Vue 项目添加配置 Stylelint 现在已经是 9102 年了,网上许多教程和分享帖都已经过期,照着他们的步骤来会踩一些坑,如 stylelint-processor-html 已经不...

    番茄西红柿 评论0 收藏0
  • stylelint 搭配 stylelint-order,更随心所欲的编码 CSS

    摘要:对于而言,不能算是严格意义的编程语言,但是在前端体系中却不能小觑。为什么这么难学不是科学,而是艺术所以校验规则的行动迫在眉睫,立即执行。如何遵守提交的时候,以的形式人工校验。以语法表示文件的路径。嗯,这点很重要。 原文链接:http://hangyangws.win/2017/06... 为什么需要校验 CSS 规则 对于编程语言进行「语法、书写」校验,能有效「归并」不同开发者的「不...

    Carson 评论0 收藏0
  • 【翻译】用PostCSS改善你的CSS代码质量

    摘要:代码质量这个术语对于程序员来说并不陌生。在本文中,我们将探讨我们如何能够利用帮助我们,保持我们的代码质量更高。怎样使用在这篇文章中,我们重点介绍几个插件,可以帮助我们提高代码质量。使用相当简单的。这两个插件可用于代码分析。 代码质量这个术语对于程序员来说并不陌生。毕竟,每个开发人员都知道,代码只是能工作是不够的。它还应该具备其他要素:它应该是可读的,良好的格式和一致性。它也应该符合一些...

    sorra 评论0 收藏0
  • Lint Your Code

    摘要:形成良好统一的代码规范,有利于提高代码的可读性,减少潜在的错误,便于团队协作开发。其中是可选的,如果没有则禁用所有规则,如果有则禁用所有规则。也可以定义一个命令同时运行这两个命令,我在这里使用了我们定义了在钩子触发时会执行命令。 形成良好统一的代码规范,有利于提高代码的可读性,减少潜在的错误,便于团队协作开发。本文简单介绍JS、CSS、 Git Commit 的规范工具及用法。 Lin...

    hidogs 评论0 收藏0
  • 推荐几个前端开发插件

    摘要:提高开发效率简单的集成到了生成的项目上项目地址一集成管理团队的信息步奏安装添加规则根目录添加文件,并添加规则,必须为格式添加到中安装并添加命令在中添加查看详情二集成管理团队编写规范步奏安装 提高开发效率 简单的集成到了vue-cli生成的项目上 项目github地址 A Vue.js project Build Setup # install dependencies npm inst...

    张宪坤 评论0 收藏0

发表评论

0条评论

Faremax

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<