@squdward/eslint v1.2.2

@squdward/eslint

Комплексное решение для линтинга JavaScript/TypeScript проектов с готовыми конфигурациями для ESLint, Prettier и Stylelint.

📋 Содержание

• Особенности
• Установка
• Быстрый старт
• Настройка
  • 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,
  },
};