TypeScript+React 환경 구축

아직 안 설치한 사람이 미리 설치해.

$ npm install -g yarn

(설치 후 필요exec $SHELL -lNode.본문 설치 js 참조
Node.js의 설치~①anyenv편~
Node.js의 설치~②nodenv편~

Type Script의 실행 환경

$ yarn global add typescript
$ yarn global add ts-node

디렉토리를 원하는 위치에 만듭니다my-app.
참조: https://github.com/wmonk/create-react-app-typescript

$ npx create-react-app my-app --scripts-version=react-scripts-ts

my-app를 임의의 항목 이름으로 변경하십시오.
이어서 $ cd my-app를 진행하고 다음과 같은 조작을 실행한다.

$ yarn start

이렇게 자동으로localhost:3000을 엽니다.

조합 설정 변경

baseUrl(src)에서 절대 경로 지정 & ECMAScript6에서 최신 ES 2018로 변경할 수 있습니다.
tsconfig.json

-     "baseUrl": ".",
+     "baseUrl": "src",

-     "lib": ["es6", "dom"],
+     "lib": ["es2018", "dom"],

이렇게 하면 OK