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

Question

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

https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint

到目前为止我做了什么：添加

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

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

Stylelint VScode 不起作用

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

编辑

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

https://github.com/stylelint/stylelint/blob/master/docs/user-guide/example-config.md

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

Answer 1

从stylelint 配置文档：

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

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

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

要使用推荐的配置：

1. 使用 npm 将配置安装到您的项目中：

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

2. 创建一个.stylelintrc文件来扩展项目根目录中的配置：

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

Answer 2

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

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

Answer 3

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

yarn dlx @yarnpkg/pnpify --sdk vscode

https://yarnpkg.com/getting-started/editor-sdks#vscode