linton使用教程(极简Stylelint快速了解)
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"
]}]
}
}
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com