如何让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,

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

Stylelint VScode doesn't work

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

编辑

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

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

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

Answer 1

来自stylelint configuration文档：

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

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

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

要使用推荐的配置：

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

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

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

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