stylelint样式规范工具
1.项目根目录新增 .stylelintrc 文件
2.相应规则写法
module.exports = {extends: "stylelint-config-recommended",// 这里可以写你的规则，会覆盖上面继承的。"rules": {# 缩进 4 个空格"indentation": 4,# 去掉小数点前面的 0"number-leading-zero": "never",# 使用双引号"string-quotes": "double",# 每个属性声明末尾都要加分号"declaration-block-trailing-semicolon": "always",# 属性值 0 后面不加单位"length-zero-no-unit": true,# 对空行的处理# 第一条属性声明前不允许有空行"declaration-empty-line-before": ["never",{ ignore: [ "after-declaration" ] }],# 每个样式规则前后都有空行，除了第一条规则与规则前有注释"rule-empty-line-before": ["always",{ except: [ "after-single-line-comment", "first-nested" ] }],# 在结尾 "}" 之前不允许有空行"block-closing-brace-empty-line-before": [ "never" ],# "@" 语句之前都有空行，但是忽略 "@" 语句在代码块中间与同个非代码块 "@" 语句之间的空行这两种情况"at-rule-empty-line-before": ["always",{ ignore: [ "inside-block", "blockless-after-same-name-blockless" ] }],# 不允许超过一行的空行"max-empty-lines": 1,# 每行句末不允许有多余空格"no-eol-whitespace": true,# 文件末尾需要有一个空行"no-missing-end-of-source-newline": true,# 大小写处理"unit-case": "lower","color-hex-case": "upper","value-keyword-case": "lower","function-name-case": "lower","property-case": "lower","at-rule-name-case": "lower","selector-pseudo-class-case": "lower","selector-pseudo-element-case": "lower","selector-type-case": "lower","media-feature-name-case": "lower",# 对空格的处理# "{" 前必须有空格"block-opening-brace-space-before": "always",# 注释 "/*" 后和 "*/" 前必须有空格"comment-whitespace-inside": "always",# 属性名 ":" 后必须有空格"declaration-colon-space-after": "always",# 属性名 ":" 前不能有空格"declaration-colon-space-before": "never",# 声明属性末尾 ";" 前不能有空格"declaration-block-semicolon-space-before": "never",# 属性值中的 "," 后必须有空格"function-comma-space-after": "always",# 选择器例如 ">、+、~" 前后必须要有空格"selector-combinator-space-before": "always","selector-combinator-space-after": "always",# 分隔多个选择器之间的 "," 后必须有空格"selector-list-comma-space-after": "always",# 分隔多个选择器之间的 "," 前不能有空格"selector-list-comma-space-before": "never",# 子代选择器之间没有额外空格"selector-descendant-combinator-no-non-space": true,# 多个属性值之间的 "," 后必须有空格"value-list-comma-space-after": "always",# 多个属性值之间的 "," 前不能有空格"value-list-comma-space-before": "never",# 媒体查询中设置断点宽度里的 ":" 后必须有空格"media-feature-colon-space-after": "always",# 媒体查询中设置断点宽度里的 ":" 前不能有空格"media-feature-colon-space-before": "never"}};
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！