[React][TypeScript]create-react-app + tslint + prettier

개요

절차

병아리 생성

npm i -g create-react-app
create-react-app react-ts-sample --typescript
cd react-ts-sample

npm start
# open http://localhost:3000/

tslint 및 prettier 추가

npm i -D tslint tslint-react tslint-config-prettier tslint-plugin-prettier

{
  "extends": [
    "tslint:recommended",
    "tslint-react",
    "tslint-config-prettier"
  ],
  "rulesDirectory": [
    "tslint-plugin-prettier"
  ],
  "rules": {
    "prettier": true,
    "interface-name": false
  }
}

{
  "printWidth": 100,
  "singleQuote": true,
  "trailingComma": "es5"
}

VSCode 설정