1.2.2 • Published 2 months ago

@squdward/eslint v1.2.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 months ago

@squdward/eslint

npm version License: MIT

Комплексное решение для линтинга 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,
  },
};