- 작업폴더 경로로 들어간다.
- 터미널을 오픈한다.
- 명령어를 입력한다.
개발중인 React 프로젝트에 설치하는 경우
npm install --save typescript @types/node @types/react @types/react-dom @types/jest새로운 React 프로젝트를 개발하는 경우
npx create-react-app my-app --template typescriptmy-app 부분은 개인적인 폴더명을 기입하면 된다.
일반 HTML, CSS, JS 웹 개발의 경우는 ts파일을 알아듣지 못하기 때문에
.ts 파일을 -> .js파일로 변환하는 작업이 필요한데,
리액트나 뷰 프로젝트 경우에는 이처럼 간단한 bash 명령어 하나로 해결할 수 있다.
'TypeScript' 카테고리의 다른 글
| 함수에 타입 지정하는 법 (0) | 2023.07.02 |
|---|---|
| 타입을 미리 정하기 애매할 때 (union, any, unknown) (0) | 2023.07.02 |
| 타입스크립트 기본 타입 정리 (primitive types) (0) | 2023.07.02 |
| TypeScript 컴파일 세부설정 (tsconfig.json) (0) | 2023.07.02 |
| 타입스크립트 쓰는 이유 (0) | 2023.07.01 |
- 작업폴더 경로로 들어간다.
- 터미널을 오픈한다.
- 명령어를 입력한다.
개발중인 React 프로젝트에 설치하는 경우
npm install --save typescript @types/node @types/react @types/react-dom @types/jest새로운 React 프로젝트를 개발하는 경우
npx create-react-app my-app --template typescriptmy-app 부분은 개인적인 폴더명을 기입하면 된다.
일반 HTML, CSS, JS 웹 개발의 경우는 ts파일을 알아듣지 못하기 때문에
.ts 파일을 -> .js파일로 변환하는 작업이 필요한데,
리액트나 뷰 프로젝트 경우에는 이처럼 간단한 bash 명령어 하나로 해결할 수 있다.
'TypeScript' 카테고리의 다른 글
| 함수에 타입 지정하는 법 (0) | 2023.07.02 |
|---|---|
| 타입을 미리 정하기 애매할 때 (union, any, unknown) (0) | 2023.07.02 |
| 타입스크립트 기본 타입 정리 (primitive types) (0) | 2023.07.02 |
| TypeScript 컴파일 세부설정 (tsconfig.json) (0) | 2023.07.02 |
| 타입스크립트 쓰는 이유 (0) | 2023.07.01 |
