stylelint 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
stylelint 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
stylelint 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
stylelint 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
stylelint 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发CSS框架
开源组织
地区 不详
提 交 者 sikkx
适用人群 未知
收录时间 2015-08-06

软件简介

一个摩登的 CSS linter 工具。

Features

  • 近一百条规则 —— 包括 stylistic 规则,例如检查冒号周边的空格,发现细微的编码错误,,例如无效十六进制颜色或重写简写属性

  • 支持最新 CSS 语法 —— 包括自定义属性等等

  • 一点也不霸道 —— 只应用你想要的规则,并按你的需要配置可选的 linter

  • 可共享的 configs

  • 支持插件

  • 选择验证器

一个使用 gulp-postcss 和起草你的配置的例子:

gulp.task("css", function () {

  var postcss = require("gulp-postcss")
  var stylelint = require("stylelint")
  var reporter = require("postcss-reporter")

  return gulp.src("src/**/*.css")
    .pipe(postcss([
      stylelint({ // an example config that has four rules
        "rules": {
          "color-no-invalid-hex": 2,
          "declaration-colon-space-before": [2, "never"],
          "indentation": [2, "tab"],
          "number-leading-zero": [2, "always"]
        }
      }),
      reporter({
        clearMessages: true,
      })
    ]))
})


展开阅读全文

代码

评论 (0)

加载中
更多评论
发表了资讯
2017/04/03 07:25

stylelint 7.10.1 发布,强大的 CSS linter 工具

stylelint 是一个强大而又现代的 CSS linter 工具。具备以下特性: 近一百条规则 —— 包括 stylistic 规则,例如检查冒号周边的空格,发现细微的编码错误,,例如无效十六进制颜色或重写简写属性 支持最新 CSS 语法 —— 包括自定义属性等等 一点也不霸道 —— 只应用你想要的规则,并按你的需要配置可选的 linter 可共享...

0
12
发表了资讯
2016/06/26 00:00

Facebook 使用 Stylelint 以保证 CSS 代码质量

近日,来自Facebook的开发者Juriy Zaytsev发布文章称,他们更换了CSS Linter工具,采用了基于PostCSS的 lint作为新的Linter工具,以期保证CSS代码质量。 上千名工程师,多条不同产品线,庞大代码库,日渐增加的新特性……种种特点加在一起,给Facebook的代码质量管理带来了独特的挑战。而如何保证上千份不停变换的CSS文件...

0
42
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/03/12 17:17

stylelint 安装配置

1、安装 stylelint: npm i stylelint -g npm i stylelint stylelint-config-standard --save-dev 2、在 scripts 里添加 stylelint 应用的目录文件 3、安装 pre-commit npm i pre-commit --save-dev 在配置中添加 stylelint,这里的 stylelint 是上面 scripts 里的命名 4、在项目目录中创建 .pre-commit-config.yaml 文件...

0
1
发表了博客
2019/08/01 18:47

StyleLint 使用指南

StyleLint 是『一个强大的、现代化的 CSS 检测工具』, 与 ESLint 类似, 是通过定义一系列的编码风格规则帮助我们避免在样式表中出现错误. 安装stylelint npm install -d -save-dev stylelint 安装stylint-config-standard和stylelint-order npm install stylelint-config-standard stylelint-order --save-dev 其中,sty...

0
0
发表了博客
2018/05/23 19:22

CSS代码检查工具stylelint

前面的话   CSS不能算是严格意义的编程语言,但是在前端体系中却不能小觑。 CSS 是以描述为主的样式表,如果描述得混乱、没有规则,对于其他开发者一定是一个定时炸弹,特别是有强迫症的人群。CSS 看似简单,想要写出漂亮的 CSS 还是相当困难。所以校验 CSS 规则的行动迫在眉睫。stylelint是一个强大的现代 CSS 检测器...

0
0
发表了博客
2020/01/21 11:01

VSCode常用插件之vscode-stylelint使用

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-stylelint这是一个检验CSS/SASS/LESS代码规范的插件。 StyleLint 使用指南 vscode-stylelint官网 vscode-stylelintt这是VS Code stylelint扩展。 首先简单说一下使用流程: 1.安装stylelint库(在项目本地或全局安装,看具体项目需要) 2.创建.stylelint.config.js配...

0
1
发表了博客
2019/04/10 10:10

使用stylelint进行Vue项目样式检查

  stylelint是一个强大的现代 CSS 检测器,可以让开发者在样式表中遵循一致的约定和避免错误。拥有超过170条的规则,包括捕捉错误、最佳实践、控制可以使用的语言特性和强制代码风格规范。它支持最新的CSS语法,并且灵活可配置。 1. 安装   yarn add stylelint stylelint-config-standard stylelint-config-rationa...

0
0
发表了博客
2018/06/29 16:33

vscode 全局安装和配置 stylelint 像 webstorm 等 ide 一样来检查项目

商店里安装完插件以后全局安装或者在项目中(记得加--save-dev)安装配置: npm install stylelint-config-recommended -g 然后在vscode setting中设置配置文件位置 "stylelint.config": { "extends": "C:\\Users\\用户名\\AppData\\Roaming\\nodejs\\npm-global\\node_modules\\stylelint-config-recommended" ...

0
0
发表了博客
2018/06/16 00:00

前端代码乱糟糟?是时候引入代码质量检查工具了

为了统一团队的代码规范,除了一纸规范说明之外,还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则,但至少能够在一定程度上缓解代码不统一的局面。 相对于后端,前端代码规范的质量检查涉及到HTML, CSS,Javascript ,如今还涉及到SCSS,ES5,JSX, React,Vue,Angular等,更是复杂。 本文提供了在检查工具...

0
0
2020/07/22 08:42

14条 Scss 缩减50%样式代码的实战经验总结

来源 | https://github.com/fengshi123/blog/issues/8 前言 Sass是css3语言的扩展,它能帮你更省事地写出更好的样式表,使你摆脱重复劳动,使工作更有创造性。 因为你能更快地拥抱变化,你也将敢于在设计上创新。...

0
0
2020/08/02 08:05

【CSS】673- 缩减 SCSS 50%样式代码的 14 条实战经验

来源 | https://github.com/fengshi123/blog/issues/8 前言 Sass是css3语言的扩展,它能帮你更省事地写出更好的样式表,使你摆脱重复劳动,使工作更有创造性。 因为你能更快地拥抱变化,你也将敢于在设计上创新。...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
8 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部