我正在尝试让 stylelint 扩展在 visual studio code 中工作。但是,到目前为止没有成功。带有简短解释的扩展名在这里:
https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint
到目前为止我做了什么:添加
"stylelint.enable": true,
"css.validate": false,
"scss.validate": false,
到我的设置。但这只会停用通常的 linting 而不会激活 stylelint。我也在阅读
在评论中说需要一个 stylelint.config.js
文件。但是,我没有,也不知道如何创建或放置它(在 Windows 中)。
编辑
我找到了 stylelint 的“示例配置”文件:
https://github.com/stylelint/stylelint/blob/master/docs/user-guide/example-config.md
所以,我想其中一部分需要进入 stylelint.config.js
。但是,哪些是让它工作所必需的,我应该把它放在哪里?
最佳答案
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 强制执行风格约定,请使用标准配置,否则请使用推荐的配置。
使用推荐的配置:
- 使用 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/