如何在 vscode 中配置 stylelint 扩展？

Question

我使用create-react-app --template typescript创建了一个项目。 现在我想试试css stylelint 。 而且，所以我使用yarn安装了 npm 包stylelint和stylelint-config-standard作为开发依赖项。

我还添加了一个名为.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 代码中的任何错误。

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

Answer 1

使用stylelint.validate选项将要验证的文档的语言标识符添加到扩展的工作区或用户设置。 使用 output 面板/通道对 vscode-stylelint 进行故障排除。

//.vscode/settings.json
{
  "stylelint.validate": [
    "css",
    "scss",
    ...
  ],
}