Css 如何让stylelint在VisualStudio代码中工作?

Css 如何让stylelint在VisualStudio代码中工作?,css,visual-studio-code,stylelint,nodejs,Css,Visual Studio Code,Stylelint,Nodejs,我正试图让stylelint扩展在VisualStudio代码中工作。然而,到目前为止还没有成功。下面是带有简短说明的扩展: 到目前为止我所做的:添加 "stylelint.enable": true, "css.validate": false, "scss.validate": false, 到我的设置。但这只会禁用通常的lint,而不会激活stylelint。我还读了 在需要stylelint.config.js文件的注释中。但是,我没有,也不知道如何创建或放置它(在Windows中

我正试图让stylelint扩展在VisualStudio代码中工作。然而,到目前为止还没有成功。下面是带有简短说明的扩展:

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

"stylelint.enable": true,
"css.validate": false,
"scss.validate": false,
到我的设置。但这只会禁用通常的lint,而不会激活stylelint。我还读了

在需要
stylelint.config.js
文件的注释中。但是,我没有,也不知道如何创建或放置它(在Windows中)

编辑

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

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

来自文档:

linter需要一个配置对象。您可以手工创建自己的配置,也可以扩展现有配置

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

我相信,最快的方法就是创建一个配置对象,或者。如果您希望linter强制执行风格约定,请使用标准配置;如果不希望,请使用建议的配置

要使用建议的配置,请执行以下操作:

  • 使用npm将配置安装到项目中:
  • npm安装--建议保存dev stylelint配置

  • 创建一个
    .stylelintrc
    文件,扩展项目根目录中的配置:

  • {“extends”:“stylelint config recommended”}
    回答这个简单问题的简单回答是,
    stylelint.config.js
    文件是一个模块导出,看起来是这样的:

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

    如果您使用的是纱线2,则需要进行额外配置,只需运行:

    纱线dlx@yarnpkg/pnpify--sdk vscode
    

    它通常位于项目的根文件夹中。好的,您可能有几个配置文件,每个单独的配置文件都将覆盖您放置的文件夹/子文件夹的根文件夹配置中的用法。@connexo谢谢。除了通过文件>首选项>设置添加设置外,我没有在任何地方放置任何内容。那么,我还需要添加其他内容吗?