react-lint-staged-workshop

KO | EN

gitlite — search

#javascript #python #hacktoberfest #llm #machine-learning #rust #docker #macos #nodejs #windows #cli #vue #pytorch #ios

react-lint-staged-workshop

(★ 73)

Файлы конфигурации линтинга для домашних работ курса React

react-lint-staged-workshop Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Настройка pre-commit хуков

## 1 - Установка зависимостей

Установить в проект следующие пакеты.

```bash
npm install --save-dev prettier eslint
```

## 2 - Инициализация lint-staged и husky

Пользователям **MacOS** и **Linux** систем необходимо выполнить в терминале следующую команду. Она установит и настроит `husky` и
`lint-staged` в зависимости от инструментов качества кода из зависимостей
проекта в `package.json`.

```bash
npx mrm lint-staged
```

Пользователям **Windows** необходимо выполнить следующую команду. Она делает тоже самое.

```bash
npx mrm@2 lint-staged
```

## 3 - Интерграция плагинов

Ссылки на документацию по интеграции плагинов в популярные редакторы.

- [Prettier editor integration](https://prettier.io/docs/en/editors.html)
- [ESLint editor integration](https://eslint.org/docs/user-guide/integrations)

## 4 - Настройки VSCode

Для комфортной работы, после установки плагинов, нужно добавить несколько
настроек редактора для автосохранения и форматирования файлов.

```json
{
  "files.autoSave": "onFocusChange",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}
```

react-lint-staged-workshop

react-lint-staged-workshop Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-lint-staged-workshop

react-lint-staged-workshop Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README