[Typescript] Typescript 기본 세팅

맨날 프로젝트 세팅때마다 찾는게 번거로워서 정리해둔다.

먼저 프로젝트 초기화를 해준다.

npm init

이제 필요한 패키지를 받아주자.

npm install -D express typescript ts-node nodemon @types/node @types/express

여기서 nodemon은 라이브 컴파일을 지원하는 패키지로 파일 변경시 타입스크립트에서 자바스크립트로 자동으로 빌드해주는 패키지이다.

꼭 받아주도록 하자.

 

tsconfig.json 파일을 생성해준다. tsconfig.json 파일은 타입스크립트의 규칙을 정해주는 설정 파일이다.

npx tsc --init // tsconfig 생성

package.json 파일 수정

"scripts": {
    "start": "node dist/app.js", 
    "build": "tsc -p .", 
    "dev": "nodemon --watch \"src/**/*.ts\" --exec \"ts-node\" src/app.ts"
  }

• "start": "node dist/app.js" : 빌드된 파일 실행 
• "build": "tsc -p ." : ts에서 js로 빌드

실행

npm run dev