参考 Google Style

    1. {
    2.   'rules': {
    3.     // Color
    4.     // 禁止使用无效的16进制颜色
    5.     'color-no-invalid-hex': true,
    7.     // Font Family
    8.     // 禁止重复的字体声明
    9.     'font-family-no-duplicate-names': true,
    10.     // 字体声明必须含有通用字体
    11.     'font-family-no-missing-generic-family-keyword': true,
    13.     // Function
    14.     // 在calc函数中运算符两端需要添加空格
    15.     'function-calc-no-unspaced-operator': true,
    16.     // 强制渐变背景的direction属性需要添加‘to’关键字
    17.     'function-linear-gradient-no-nonstandard-direction': true,
    19.     // String
    20.     // 禁止字符串内换行
    21.     'string-no-newline': true,
    23.     // Units
    24.     // 禁止无法识别的单位
    25.     'unit-no-unknown': true,
    27.     // Property
    28.     // 禁止无法识别的属性
    29.     'property-no-unknown': true,
    31.     // Keyframe
    32.     // 禁止在keyframe的属性值中添加!important
    33.     'keyframe-declaration-no-important': true,
    35.     // Declaration block
    36.     // 禁止重复的属性声明
    37.     'declaration-block-no-duplicate-properties': true,
    38.     // 禁止简略表达属性覆盖
    39.     'declaration-block-no-shorthand-property-overrides': true,
    41.     // Block
    42.     // 禁止声明空的选择器
    43.     'block-no-empty': true,
    45.     // Selector
    46.     // 禁止无法识别的伪类值 伪类：元素当前所具有的特性
    47.     'selector-pseudo-class-no-unknown': true,
    48.     // 禁止无法识别的为元素值 伪元素：对元素中的特定内容进行操作 ::before ::after ::selection ...
    49.     'selector-pseudo-element-no-unknown': true,
    50.     // 禁止无法识别的选择器
    51.     'selector-type-no-unknown': [true, {
    52.       ignoreNamespaces: ['/^app-/']
    53.     }],
    55.     // Media feature
    56.     // 禁止无法识别的media属性值
    57.     'media-feature-name-no-unknown': true,
    59.     // At-rule
    60.     // 禁止无法识别的@语法
    61.     'at-rule-no-unknown': true,
    62.     // 'at-rule-no-unknown': {
    63.     //   'ignoreAtRules': ['else']
    64.     // },
    66.     // Comment
    67.     'comment-no-empty': true,
    69.     // General / Sheet
    70.     // 禁止高权重的声明在低权重的声明之前
    71.     'no-descending-specificity': true,
    72.     // 禁止重复import
    73.     'no-duplicate-at-import-rules': true,
    74.     // 禁止重复声明选择器
    75.     'no-duplicate-selectors': true,
    76.     // 禁止使用空的源文件
    77.     'no-empty-source': true,
    78.     // 禁止额外的分号
    79.     'no-extra-semicolons': true,
    80.     // 禁止无效的注释 //
    81.     'no-invalid-double-slash-comments': true,
    85.     // Color
    86.     // 禁止使用命名的颜色: red, blue...
    87.     // 'color-named': 'always-where-possible',
    88.     // 禁止16进制颜色: #FFF
    89.     // 'color-no-hex': 'true',
    91.     // Function
    92.     // 函数黑名单
    93.     // 'function-blacklist': [],
    94.     // 函数白名单
    95.     // 'function-whitelist': [],
    96.     // 禁止scheme relative url
    97.     // 'function-url-no-scheme-relative': true,
    98.     // url黑名单
    99.     // 'function-url-scheme-blacklist': [],
    100.     // url白名单
    101.     // 'function-url-scheme-whitelist': ['/^http/'],
    103.     // Number
    104.     // 数字精确到小数点后三位
    105.     'number-max-precision': 3,
    106.     // 最小时间
    107.     'time-min-milliseconds': 100,
    109.     // Unit
    110.     // 'unit-blacklist': [],
    111.     // 'unit-whitelist': [],
    114.     // Shorthand property
    115.     // 禁止简写冗余
    116.     'shorthand-property-no-redundant-values': true,
    118.     // Value
    119.     // 不需要添加额外的前缀
    120.     'value-no-vendor-prefix': true,
    122.     // Custom property
    123.     // 自定义属性命名规则
    124.     // 'custom-property-pattern': '',
    126.     // Property
    127.     // 'property-blacklist': [],
    128.     'property-no-vendor-prefix': true,
    129.     // 'property-whitelist': [],
    131.     // Declaration
    132.     // 如果可以简写的话就简写
    133.     'declaration-block-no-redundant-longhand-properties': true,
    134.     // 禁止!important声明
    135.     'declaration-no-important': true,
    136.     // 'declaration-property-unit-blacklist': {
    137.     //   '/^animation/': ['s']
    138.     // },
    139.     // 'declaration-property-unit-whitelist': {
    140.     //   'font-size': ['px', 'rem', 'em']
    141.     // },
    142.     // 'declaration-property-value-blacklist': {
    143.     // },
    144.     // 'declaration-property-value-whitelist': {
    145.     // },
    147.     // Declaration block
    148.     // 每行允许声明一个属性
    149.     'declaration-block-single-line-max-declarations': 1,
    152.     // Selector
    153.     // 'selector-attribute-operator-blacklist': [],
    154.     // 'selector-attribute-operator-whitelist': [],
    155.     // 类名命名规则
    156.     // 'selector-class-pattern': '',
    157.     // 选择器命名规则
    158.     // 'selector-id-pattern': '',
    159.     'selector-max-empty-lines': 0,
    160.     'selector-no-vendor-prefix': true,
    161.     'selector-no-qualifying-type': true,
    162.     'selector-max-id': 1,
    165.     // Media feature
    166.     'media-feature-name-no-vendor-prefix': true,
    167.     'at-rule-no-vendor-prefix': true,
    170.     // General / Sheet
    171.     // 嵌套深度不能超过4
    172.     'max-nesting-depth': 4,
    173.     // 禁止无法识别的动画属性值
    174.     'no-unknown-animations': true,
    177.     // Stylistic issues
    178.     // Color
    179.     'color-hex-case': 'lower',
    180.     'color-hex-length': 'short',
    182.     // 'font-family-name-quotes': 'always-unless-keyword',
    184.     // Font weight
    185.     'font-weight-notation': 'numeric',
    187.     // Function
    188.     'function-comma-newline-after': 'always-multi-line',
    189.     'function-comma-space-after': 'always-single-line',
    190.     'function-comma-space-before': 'never',
    191.     'function-max-empty-lines': 0,
    192.     'function-name-case': 'lower',
    193.     'function-parentheses-newline-inside': 'always-multi-line',
    194.     'function-parentheses-space-inside': 'never-single-line',
    195.     'function-url-quotes': 'never',
    196.     'function-whitespace-after': 'always',
    198.     // Number
    199.     'number-leading-zero': 'never',
    200.     'number-no-trailing-zeros': true,
    202.     // String
    203.     'string-quotes': 'single',
    205.     // Length
    206.     'length-zero-no-unit': true,
    208.     // Unit
    209.     'unit-case': 'lower',
    211.     // Value
    212.     'value-keyword-case': 'lower',
    214.     // Value List
    215.     'value-list-comma-newline-after': 'always-multi-line',
    216.     'value-list-comma-space-after': 'always-single-line',
    217.     'value-list-comma-space-before': 'never',
    218.     'value-list-max-empty-lines': 0,
    220.     // Custom property
    221.     'custom-property-empty-line-before': ['always', {
    222.       except: [
    223.         'after-custom-property',
    224.         'first-nested',
    225.       ],
    226.       ignore: [
    227.         'after-comment',
    228.         'inside-single-line-block',
    229.       ],
    230.     }],
    232.     // Property
    233.     'property-case': 'lower',
    235.     // Declaration
    236.     'declaration-bang-space-after': 'never',
    237.     'declaration-bang-space-before': 'always',
    238.     'declaration-colon-space-after': 'always-single-line',
    239.     'declaration-colon-space-before': 'never',
    240.     'declaration-block-semicolon-newline-after': 'always',
    241.     'declaration-block-semicolon-newline-before': 'never-multi-line',
    242.     'declaration-block-semicolon-space-after': 'never',
    243.     'declaration-block-semicolon-space-after': 'always-single-line',
    244.     'declaration-block-semicolon-space-before': 'never',
    245.     'declaration-block-trailing-semicolon': 'always',
    247.     // Block
    248.     'block-closing-brace-empty-line-before': 'never',
    249.     'block-closing-brace-newline-after': 'always',
    250.     'block-closing-brace-newline-before': 'always-multi-line',
    251.     'block-closing-brace-space-before': 'always-single-line',
    252.     'block-opening-brace-newline-after': 'always-multi-line',
    253.     'block-opening-brace-space-after': 'always-single-line',
    254.     'block-opening-brace-space-before': 'always',
    256.     // Selector
    257.     'selector-attribute-brackets-space-inside': 'never',
    258.     'selector-attribute-operator-space-after': 'never',
    259.     'selector-attribute-operator-space-before': 'never',
    260.     'selector-combinator-space-after': 'always',
    261.     'selector-combinator-space-before': 'always',
    262.     'selector-descendant-combinator-no-non-space': true,
    263.     'selector-pseudo-class-case': 'lower',
    264.     'selector-pseudo-class-parentheses-space-inside': 'never',
    265.     'selector-pseudo-element-case': 'lower',
    266.     'selector-pseudo-element-colon-notation': 'double',
    267.     'selector-type-case': 'lower',
    268.     'selector-list-comma-newline-after': 'always',
    269.     'selector-list-comma-space-before': 'never',
    270.     'selector-list-comma-space-after': 'always-single-line',
    271.     'selector-list-comma-space-before': 'never',
    273.     // Rule
    274.     'rule-empty-line-before': ['always-multi-line', {
    275.       except: ['first-nested'],
    276.       ignore: ['after-comment'],
    277.     }],
    280.     // Media feature
    281.     'media-feature-colon-space-after': 'always',
    282.     'media-feature-colon-space-before': 'never',
    283.     'media-feature-name-case': 'lower',
    284.     "media-feature-parentheses-space-inside": 'never',
    285.     'media-feature-range-operator-space-after': 'always',
    286.     'media-feature-range-operator-space-before': 'always',
    288.     // Media query list
    289.     'media-query-list-comma-newline-after': 'always-multi-line',
    290.     'media-query-list-comma-space-after': 'always-single-line',
    291.     'media-query-list-comma-space-before': 'never',
    293.     // At-rule
    294.     'at-rule-empty-line-before': [ 'always', {
    295.       except: [
    296.         'blockless-after-same-name-blockless',
    297.         'first-nested',
    298.       ],
    299.       ignore: ['after-comment'],
    300.     } ],
    301.     'at-rule-name-case': 'lower',
    302.     'at-rule-name-space-after': 'always-single-line',
    303.     'at-rule-semicolon-newline-after': 'always',
    304.     'at-rule-semicolon-space-before': 'never',
    306.     // Comment
    307.     'comment-empty-line-before': [ 'always', {
    308.       except: ['first-nested'],
    309.       ignore: ['stylelint-commands'],
    310.     } ],
    311.     'comment-whitespace-inside': 'always',
    313.     // General / Sheet
    314.     'indentation': 2,
    315.     'max-empty-lines': 2,
    316.     'no-eol-whitespace': true,
    317.     'no-missing-end-of-source-newline': true,
    318.   }
    319. }