CSScomb: 规范 CSS 属性顺序

CSScomb是一款代码格式化工具,专注于CSS属性排序,确保样式表的一致性和美化。它可以自定义配置,并提供了多种预设配置,如默认、zen和yandex。推荐使用yandex配置,仅处理属性顺序。此外,可以通过lint-staged集成到Git提交流程中,但在使用时需要注意TTY模式的设置,以避免命令执行问题。
摘要由CSDN通过智能技术生成

CSScomb
 是一款 CSS
 代码样式格式化工具,你可以轻松地通过自定义配置让你的样式表更加美化和一致。它的主要特点是以指定顺序给 CSS 属性排序

安装

npm install csscomb --save-dev

使用

# 命令行
csscomb assets/css
# git bash
csscomb --tty-mode assets/css

配置

新建 .csscomb.json
 配置文件并放置于项目根目录

该项目中有多个预定义的配置(通过阅读原文或 GitHub 仓库获取)可供选择:

  • csscomb (默认配置)

  • zen

  • yandex (推荐)

推荐 yandex
 配置,该配置仅处理属性顺序。CSS 样式美化另外通过 Prettier
 实现

自定义语法映射

默认情况下 CSScomb 仅通过对应的语法处理 *.css
*.less
*.sass
 and *.scss
 文件。你可以通过 syntax
 配置自定义语法映射。比如通过 css 语法处理 *.wxss
 文件。

{
  
  "synt
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值