0.0.1 • Published 11 months ago

@nyxb/stylelint-config v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

npm version npm downloads bundle License

🦾 @nyxb/stylelint-config

Stylelint config with pre-configured for styled-components.

🚀 Usage

📥 Install:

pnpm add -D @nyxb/stylelint-config

⚙️ Config .stylelintrc

{
  "extends": ["@nyxb/stylelint-config"]
}

➕ Add script for package.json

For example:

{
  "scripts": {
    "lint:css": "stylelint .",
    "lint:css:fix": "stylelint . --fix"
  }
}

✨ Config VS Code auto fix

Install VS Code Stylelint extension and create .vscode/settings.json

{
/**
   * STYLELINT SETUP
   */
  "stylelint.enable": true,
  "stylelint.validate": [
    "css",
    "scss",
    "typescript",
    "typescriptreact"
  ],
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  }
}

📚 FAQ

Prettier? Why I don't use Prettier

3 indent? Why 3 indent is the best

🔍 How to lint & format Code?

I use eslint here is my eslint-config.

😍 I prefer XXX...

Sure, you can override the rules in your .eslintrc file.

{
  "extends": "@nyxb",
  "rules": {
    // your rules...
  }
}

Or you can always fork this repo and make your own.

🔎 Check Also

🤝💰 Sponsors

📜 License

MIT 💚 License © 2023 Dennis Ollhoff