我正在尝试使stylelint扩展在Visual Studio代码中工作。但是,到目前为止没有成功。带有简短说明的扩展名在这里:

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

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

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


我的设置。但这只会停用常规的绒毛,而不会激活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中。但是要使它正常工作,哪些是必需的,我应该放在哪里?

最佳答案

stylelint configuration文档中:


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


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

可以这么说,我相信最快的方法是创建that extendsstylelint-config-standard的配置对象stylelint-config-recommended。如果要让linter强制执行样式约定,请使用标准配置,否则请使用推荐的配置。

要使用推荐的配置:


使用npm将配置安装到项目中:


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


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


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

关于css - 如何使stylelint在Visual Studio Code中工作?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49094728/

10-14 19:42