@typoerr/eslint-config v0.0.49

Install

npm i -D @typoerr/eslint-config

Usage

.eslintrc.json

{ "extends": ["@typoerr/eslint-config"] }

+typeScript

{ "extends": ["@typoerr/eslint-config", "@typoerr/eslint-config/+typescript"] }

+prettier

Prettier を使う場合は必ず最後に追加する

{
  "extends": [
    "@typoerr/eslint-config",
    "@typoerr/eslint-config/+typescript",
    "@typoerr/eslint-config/+prettier"
  ]
}

env

利用環境に合わせて env を指定する

Language Options - ESLint - Pluggable JavaScript linter

Reference

ESLint

• eslint/eslint: A fully pluggable tool for identifying and reporting on patterns in JavaScript
• ESLint - Pluggable JavaScript linter
• List of available rules - ESLint - Pluggable JavaScript linter
• Configuring ESLint - ESLint - Pluggable JavaScript linter
• ESLint 最初の一歩 - Qiita
• teppeis/eslint-config-teppeis: ESLint shareable config for me!

Prettier

• prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting
• prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.

TypeScript

• typescript-eslint/packages/eslint-plugin at master · typescript-eslint/typescript-eslint
• typescript-eslint/ROADMAP.md at master · typescript-eslint/typescript-eslint
• @typescript-eslint ことはじめ - teppeis blog

React(JSX)

• yannickcr/eslint-plugin-react: React specific linting rules for ESLint

React は除外してあるので、必要な場合に追加すること

React 以外でも JSX を使う場合は、no-unused-varによってエラーがでるので以下の rule は必須

"react/jsx-uses-react": "error",
"react/jsx-uses-vars": "error",

VSCode

• Prettier - Code formatter - Visual Studio Marketplace