@soichiro_nitta/eslint-config NPM

@soichiro_nitta/eslint-config

ESLintの設定をパッケージ化しました。

eslintと@soichiro_nitta/eslint-configをインストール後、.eslintrc.jsのextendsにプリセットを指定します。

以下を実行します

yarn add -D eslint @soichiro_nitta/eslint-config

npmの場合

npm install --save-dev eslint @soichiro_nitta/eslint-config

.eslintrc.js

module.exports = {
  extends: '@soichiro_nitta',
}

ルールはお好みで上書きが可能です

module.exports = {
  extends: '@soichiro_nitta',
  rules: {
    indent: ['warn', 4, { SwitchCase: 0 }],
  },
}

プロジェクトの構成に応じて、利用するプリセットを選んでください。

例：React, TypeScript, Prettierを使用するプロジェクトの場合

module.exports = {
  extends: '@soichiro_nitta/eslint-config/presets/react-typescript-prettier',
}

@soichiro_nitta
- eslintのみ利用します。以下の全てのプリセットに含まれます
@soichiro_nitta/eslint-config/presets/react
- eslint-plugin-react、eslint-plugin-react-hooksを利用します
@soichiro_nitta/eslint-config/presets/typescript
- @typescript-eslint/eslint-pluginを利用します
@soichiro_nitta/eslint-config/presets/react-typescript
- @soichiro_nitta/eslint-config/presets/typescript、@soichiro_nitta/eslint-config/presets/reactを利用します

Prettierをインストール。

以下を実行します

yarn add -D prettier

npmの場合

npm install --save-dev prettier

@soichiro_nitta/eslint-config/presets/prettier
- eslint-config-prettier、eslint-plugin-prettierを利用します。以下の全てのプリセットに含まれます
@soichiro_nitta/eslint-config/presets/react-prettier
@soichiro_nitta/eslint-config/presets/typescript-prettier
@soichiro_nitta/eslint-config/presets/react-typescript-prettier