时间戳

首页 > 解决方案 > 如何在 vscode 中配置 stylelint 扩展？

css - 如何在 vscode 中配置 stylelint 扩展？

问题描述

我使用create-react-app --template typescript. 现在我想试试csslinter stylelint。而且，我已经安装了npm包stylelint并 使用.stylelint-config-standardyarn

我还添加了一个名为.stylelintrc.js的配置文件，内容如下

module.exports = {
  extends: "stylelint-config-standard",
  ignoreFiles: ["./build/**/*.css", "./node_modules/**/*.css", "**/*.js",
  "**/*.jsx"],
}

在我的package.json中，我还添加了一个脚本，例如

"css-lint": "stylelint '*/**/*.css'",

现在，当我yarn css-lint在终端中运行时，它可以工作了。

至于 VS Code，我安装并启用了扩展. 正如建议的那样，我禁用了默认的 css, less, sass linters。我也重新启动了 VS 代码，但没有运气，stylelint 扩展不起作用或突出显示 VS 代码中的任何错误。

我被困住了。任何帮助将不胜感激。

标签： cssvisual-studio-codecreate-react-appstylelint

解决方案

推荐阅读