這篇文章主要介紹了根目錄怎么添加.stylelintrc.json文件的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇根目錄怎么添加.stylelintrc.json文件文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)、程序開(kāi)發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、微信小程序定制開(kāi)發(fā)等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷(xiāo)經(jīng)驗(yàn)，集策劃、開(kāi)發(fā)、設(shè)計(jì)、營(yíng)銷(xiāo)、管理等多方位專(zhuān)業(yè)化運(yùn)作于一體。

配置方式：

1. 在 package.json 中的 stylelint 屬性指定規(guī)則

2. 在.stylelintrc 文件中指定，文件格式可以是 JSON 或者 YAML。也可以給該文件加后綴，像這樣：.stylelintrc.json,.stylelintrc.yaml,.stylelintrc.yml,.stylelintrc.js

3. stylelint.config.js 文件，該文件 exports 一個(gè)配置對(duì)象 span>

按順序查找，以上三種方式任何一項(xiàng)有值，就會(huì)結(jié)束查找

在項(xiàng)目根目錄新建.stylelintrc.json 文件，復(fù)制以下內(nèi)容

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 // 禁止特異性較低的選擇器在特異性較高的選擇器之后重寫(xiě)
    }
  }

rules 優(yōu)先級(jí)大于 extends，建議采用 extends 方式統(tǒng)一管理

配置文件中單獨(dú)配置 at-rule-no-unknown 是為了讓 Stylelint 支持 SCSS 語(yǔ)法中的 mixin、extend、content 語(yǔ)法。

片段禁用規(guī)則

/* stylelint-disable */ 
/* （請(qǐng)說(shuō)明禁止檢測(cè)的理由）前端組件限制類(lèi)名 */ 
.cropper_topContainer .img-preview { 
    border: 0 none; 
}
 /* stylelint-enable */

fix 方式

• stylelint --fix 就能搞定

• webstorm 可以配置 external tools 實(shí)現(xiàn) autofix，添加 keymap 快捷鍵，

關(guān)于“根目錄怎么添加.stylelintrc.json文件”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“根目錄怎么添加.stylelintrc.json文件”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。