【问题标题】:How do I set stylelint to fix errors automatically?如何设置 stylelint 自动修复错误?
【发布时间】:2020-02-21 18:05:06
【问题描述】:

stylelint *.css --fix 没有按预期工作。错误报告效果很好,但文件未修复。

package.json

{
  "devDependencies": {
    "stylelint": "^11.1.1",
    "stylelint-config-recess-order": "^2.0.3"
  }
}

.stylelintrc.json

{
  "extends": "stylelint-config-recess-order"
}

style.css(难看的属性)

.test {
  height: 100%;
  margin: auto;
  width: 100%;
}

命令

$ npx stylelint style.css --fix

输出

style.css
 4:3  ✖  Expected "width" to come before "margin"   order/properties-order

错误报告很好。
我希望自动修复适用于文件。

【问题讨论】:

  • 相同的设置和配置在我的电脑(macOS)上运行良好,没有报告但丑陋的顺序属性在运行后已修复。
  • 谢谢,@ahgood。正如我在下面发布的那样,它已解决。
  • 我也有同样的问题!应用了您的答案,但没有任何效果!我正在使用 Webstorm!

标签: stylelint


【解决方案1】:

我注意到未跟踪的文件会发生这种情况。就我而言,它们是.scss 文件。我所做的是,

  1. 将文件的异常添加到.stylelintignore
  2. 将文件提交到 repo
  3. .stylelintignore 中删除了文件的异常
  4. 将错误报告给我的终端并运行npx stylelint src/scss/_file.scss --fix
  5. 所有可修复的错误均已修复

【讨论】:

    【解决方案2】:

    已解决。我删除了node_modulespackage-lock.json。之后我跑了npm i。我不确定原因,但现在效果很好。

    【讨论】:

      猜你喜欢
      • 2020-07-05
      • 2022-11-25
      • 2023-03-31
      • 2019-11-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-15
      • 2019-03-10
      相关资源
      最近更新 更多