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

【问题标题】：How to get stylelint to work in Visual Studio Code?如何让 stylelint 在 Visual Studio Code 中工作？
【发布时间】：2018-03-04 11:10:36
【问题描述】：

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

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

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

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

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

编辑

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

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

【问题讨论】：

【解决方案1】：

来自stylelint configuration 文档：

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

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

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

要使用推荐的配置：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

如果你使用的是 Yarn 2，你需要做一个额外的配置，只需运行：

yarn dlx @yarnpkg/pnpify --sdk vscode

【讨论】：