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

Question

我正在尝试让 stylelint 扩展在 visual studio code 中工作。但是，到目前为止没有成功。带有简短解释的扩展名在这里:

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

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

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

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

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文档:

The linter expects a configuration object. You can either craft your own config or extend an existing one.

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

我相信最快捷的方法就是创建一个配置对象 that extends stylelint-config-standard或 stylelint-config-recommended .如果您希望 linter 强制执行风格约定，请使用标准配置，否则请使用推荐的配置。

使用推荐的配置:

1. 使用 npm 将配置安装到您的元素中:

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

1. 创建一个 .stylelintrc 文件来扩展元素根目录中的配置:

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