TypeScript+React 환경 구축

2504 단어 ReactTypeScript
아직 안 설치한 사람이 미리 설치해.
$ 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

좋은 웹페이지 즐겨찾기