stylelint是最强大的css代码审查工具,由PostCSS提供技术支持虽然CSS是一种另类的编程语言,通常并不会影响网页的正常运行,但是还是应该注重CSS的书写规范,增强代码可读性为了方便开发者使用,stylelint社区提供了命令行、打包工具和编辑器上的插件,今天小编就来聊一聊关于linton使用教程?接下来我们就一起去研究一下吧!
linton使用教程
一、概述stylelint是最强大的css代码审查工具,由PostCSS提供技术支持。虽然CSS是一种另类的编程语言,通常并不会影响网页的正常运行,但是还是应该注重CSS的书写规范,增强代码可读性。为了方便开发者使用,stylelint社区提供了命令行、打包工具和编辑器上的插件。
二、 安装
npm install -g stylelint
官方提供了stylelint-config-recommended和stylelint-config-standard两种css标准:
- stylelint-config-recommended 包含可能报错的rule,code format的css标准
- stylelint-config-standard 继承于recommend,一些常见的css书写标准
添加.stylelintrc.json配置;
{
"extends": ["stylelint-config-standard", "stylelint-config-recess-order"],
"rules": {
// at-rule-no-unknown: 屏蔽一些scss等语法检查
"at-rule-no-unknown": [true, {"ignoreAtRules" :[
"mixin", "extend", "content"
]}]
}
}