css - 如何让 stylelint 在 Visual Studio Code 中工作？

Question

我正在尝试让 stylelint 扩展在 Visual Studio 代码中工作。然而，到目前为止还没有成功。带有简短解释的扩展在这里：

到目前为止我所做的：添加

"stylelint.enable": true,
"css.validate": false,
"scss.validate": false,

到我的设置。但这只会停用通常的 linting 而不会激活 stylelint。我也在阅读

在需要stylelint.config.js文件的评论中。但是，我没有，也不知道如何创建或放置它（在 Windows 中）。

编辑

我找到了 stylelint 的“示例配置”文件：

所以，我想其中一部分需要进入stylelint.config.js. 但是哪些是让它工作所必需的，我应该把它放在哪里？

score 1 · Accepted Answer

linter需要一个配置对象。您可以制作自己的配置或扩展现有配置。

stylelint 网站的“入门”部分提供了一些关于如何执行此操作的建议，例如使用示例配置、制作您自己的配置或扩展现有配置。

我相信，可以说，最快的方法是创建一个扩展stylelint -config-standard或stylelint-config-recommended的配置对象。如果您希望 linter 强制执行样式约定，请使用标准配置，如果您不这样做，请使用推荐的配置。

要使用推荐的配置：

npm install --save-dev stylelint-config-recommended

{ "extends": "stylelint-config-recommended" }

score 0 · Accepted Answer

回答简单问题的简单回答，该stylelint.config.js文件是一个nodejs模块导出，如下所示：

module.exports = {
  extends: [
    "stylelint-config-standard",
  ]
};

score 0 · Accepted Answer

如果您使用的是 Yarn 2，则需要进行额外配置，只需运行：

yarn dlx @yarnpkg/pnpify --sdk vscode

3 回答 3