根目录怎么添加.stylelintrc.json文件

这篇文章主要介绍了根目录怎么添加.stylelintrc.json文件的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇根目录怎么添加.stylelintrc.json文件文章都会有所收获，下面我们一起来看看吧。

创新互联公司主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、成都响应式网站建设、程序开发、网站优化、微网站、微信小程序定制开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的成都网站建设、成都网站设计、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体。

配置方式：

1. 在 package.json 中的 stylelint 属性指定规则

2. 在.stylelintrc 文件中指定，文件格式可以是 JSON 或者 YAML。也可以给该文件加后缀，像这样：.stylelintrc.json,.stylelintrc.yaml,.stylelintrc.yml,.stylelintrc.js

3. stylelint.config.js 文件，该文件 exports 一个配置对象 span>

按顺序查找，以上三种方式任何一项有值，就会结束查找

在项目根目录新建.stylelintrc.json 文件，复制以下内容

module.exports = {
    "extends": ["stylelint-config-standard", "stylelint-config-recess-order"],
    "rules": {
      "at-rule-no-unknown": [true, {"ignoreAtRules" :[
        "mixin", "extend", "content", "include"
      ]}],
      "indentation": 4,
      "no-descending-specificity": null // 禁止特异性较低的选择器在特异性较高的选择器之后重写
    }
  }

rules 优先级大于 extends，建议采用 extends 方式统一管理

配置文件中单独配置 at-rule-no-unknown 是为了让 Stylelint 支持 SCSS 语法中的 mixin、extend、content 语法。

片段禁用规则

/* stylelint-disable */ 
/* （请说明禁止检测的理由）前端组件限制类名 */ 
.cropper_topContainer .img-preview { 
    border: 0 none; 
}
 /* stylelint-enable */

fix 方式

• stylelint --fix 就能搞定

• webstorm 可以配置 external tools 实现 autofix，添加 keymap 快捷键，

关于“根目录怎么添加.stylelintrc.json文件”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“根目录怎么添加.stylelintrc.json文件”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。