stylelint-config-zzjtnb
- Auto fix for formatting (aimed to be used standalone without Prettier)
- Lint for css,scss,vue,html,xml,svelte,astro,php
Usage
Install
pnpm add -D stylelint stylelint-config-zzjtnb
.stylelintrc.js
For all:
module.exports = {
extends: [
'stylelint-config-zzjtnb'
],
rules: {},
}
Add script for package.json
For example:
{
"scripts": {
"lint": "stylelint \"**/*.(css|scss|vue|html|xml|svelte|astro|php)\" ",
"lint:fix": "stylelint \"**/*.(css|scss|vue|html|xml|svelte|astro|php)\" --fix"
}
}
Config VS Code auto fix
Install VS Code Stylelint extension and create .vscode/settings.json
{
"prettier.enable": false,
"editor.formatOnSave": false,
"editor.codeActionsOnSave": {
"source.fixAll.stylelint": true
},
"stylelint.validate": [
"css", "scss", "vue", "html", "xml", "svelte", "astro", "php"
]
}