1.2.2 • Published 2 months ago
@squdward/eslint v1.2.2
@squdward/eslint
Комплексное решение для линтинга JavaScript/TypeScript проектов с готовыми конфигурациями для ESLint, Prettier и Stylelint.
📋 Содержание
✨ Особенности
- Готовые конфигурации для ESLint, Prettier и Stylelint
- Поддержка TypeScript из коробки
- Правила для React и React Hooks
- Автоматическое исправление для большинства проблем
- Совместимость с современными стандартами разработки
📦 Установка
Основной пакет
npm install --save-dev @squdward/eslint
Необходимые зависимости
npm install --save-dev eslint prettier stylelint
Опциональные зависимости
Для TypeScript и React проектов (если применимо):
npm install --save-dev typescript react
🚀 Быстрый старт
После установки всех необходимых пакетов, вы можете использовать готовые конфигурации в своем проекте.
⚙️ Настройка
ESLint
Создайте файл eslint.config.js
в корне вашего проекта:
import squdwardConfig from "@squdward/eslint";
export default [...squdwardConfig,
// Ваши собственные настройки...
];
Prettier
Создайте файл .prettierrc.js
в корне вашего проекта:
import { prettierConfig } from '@squdward/eslint';
export default {
...prettierConfig,
// Пользовательские переопределения...
// semi: false,
};
Stylelint
Создайте файл stylelint.config.js
в корне вашего проекта:
import { stylelintConfig } from '@squdward/eslint';
export default {
...stylelintConfig,
// Пользовательские настройки...
};
🔍 Что включено
Базовые правила (для всех проектов)
- ✅ Современный JavaScript (ES6+)
- ✅ Строгие правила форматирования
- ✅ Автофикс для большинства проблем
- ✅ Проверка стилей кода и форматирования
Для TypeScript
- ✅ Строгая типизация
- ✅ Запрет использования
any
(с исключениями) - ✅ Проверка работы с промисами (обязательное использование
await
) - ✅ Проверка типов и интерфейсов
Для React
- ✅ Правила использования хуков
- ✅ Валидация пропсов
- ✅ Проверка JSX синтаксиса
- ✅ Лучшие практики React-разработки
Для CSS/SCSS (Stylelint)
- ✅ Проверка синтаксиса CSS/SCSS
- ✅ Правила для порядка свойств
- ✅ Проверка селекторов
- ✅ Проверка цветов и единиц измерения
🛠 Расширение конфигурации
Вы можете расширить базовую конфигурацию, добавив собственные правила:
ESLint
import baseConfig, { reactConfig, typescriptConfig } from '@squdward/eslint';
export default [
...baseConfig
...typescriptConfig,
...reactConfig,
{
rules: {
// Ваши правила...
'no-console': 'warn',
},
},
];
Prettier
import { prettierConfig } from '@squdward/eslint';
export default {
...prettierConfig,
printWidth: 100,
// Другие настройки...
};
Stylelint
import { stylelintConfig } from '@squdward/eslint';
export default {
...stylelintConfig,
rules: {
// Ваши правила...
'color-no-invalid-hex': true,
},
};