타입스크립트의 기본 타입에 대해 정리하기 이전에 설치 하기와 관찰모드를 적용하는 방법을 알아보자
1. 타입스크립트 설치
타입스크립트 글로벌 설치
==================================================
npm i typescript -g
==================================================
tsconfig 생성
==================================================
npx tsc --init
==================================================
타입스크립트로 관리해야할 프로젝트임을 알려주는 방법
===============================================
tsc --init
===============================================
** 이 명령어를 실행하면 config 파일이 생성된다.
컴파일 명령어(tsc)를 실행하면 이 프로젝트 내의 모든 ts 파일을 컴파일 하기 때문에
시간이 조금 걸릴 수 있다.2. 관찰모드 적용
관찰모드 적용
===============================================
tsc -w 또는 tsc --watch
===============================================
를 실행하면 모든 파일에 관찰 모드가 적용된다.
관찰모드를 실행시키면 변경사항이 있을때 마다 컴파일을 직접 하는게 아니라 노드몬처럼 코드의 변화를 감지해서 자동으로 컴파일해 js파일에 적용 시켜준다.
3. 컴파일 툴 설치
++++ 컴파일 툴 설치 명령어
================================================
npm install --save-dev lite-server
================================================
설치후 pack.json에 명령어를 추가한다.
- "start" : "lite-server"
728x90
'JAVASCRIPT > TypeScript' 카테고리의 다른 글
| <TypeScript, JavaScript> Class 란? -2. 클래스, 인스턴스화와 상속의 차이 / super() (0) | 2023.03.17 |
|---|---|
| <TypeScript, JavaScript> Class 란? -1. 클래스의 개념 / 정적 메소드 / 동적 메소드 / 프로퍼티 / (0) | 2023.02.22 |
| <TypeScript> 기본 타입 -2 / ENUM 타입/ Any / UNION / Alias / Literal (0) | 2023.02.16 |
| <TypeScript> 기본 타입 - 1 / 원시타입 / 객체 / 배열 / 튜플 +) 튜플 주의할 점, 의도치 않은 에러 주의 (0) | 2023.02.16 |
| <TypeScript> 타입스크립트 사용이유 (0) | 2023.01.06 |
