TypeScript/eslint 설정

CRA와 TS를 같이 만드는 경우

npx create-react-app my-app --template typescript

 

CRA에서 TS를 추가하는 경우

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

 

eslint 설치

npm install @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-config-prettier eslint-plugin-prettier prettier -D

 

.eslintrc 설정

{
  "parser": "@typescript-eslint/parser", 
  "extends": [ 
    "prettier"
  ],
  "plugins": [
    "prettier"
  ],
  "rules": {
   "prettier/prettier": [
    "error",
    {
      "endOfLine": "auto",
      "singleQuote": true,
      "parser": "flow"
    }
  ]
  }
}