linton使用教程(极简Stylelint快速了解)

stylelint是最强大的css代码审查工具,由PostCSS提供技术支持虽然CSS是一种另类的编程语言,通常并不会影响网页的正常运行,但是还是应该注重CSS的书写规范,增强代码可读性为了方便开发者使用,stylelint社区提供了命令行、打包工具和编辑器上的插件,今天小编就来聊一聊关于linton使用教程?接下来我们就一起去研究一下吧!

linton使用教程(极简Stylelint快速了解)

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

    分享
    投诉
    首页