TypeScript 코드 자동 실행

YEOLAM·2022년 6월 1일

💾 설치

 
1. Terminal의 경로를 프로젝트 폴더로 설정해 준 다음 밑 명령어를 통해
새 nodeJS 프로젝트를 생성
npm init -y

 

2. 타입스크립트 설치 (Windows)
npm i -D typescript

macOS를 사용하시는 분은!!
sudo npm install -g typescript

 

3. ts-node 설치 (빌드 없이 타입스크립트 코드를 실행하기 위해)
npm i -D ts-node

 

4. nodemon 설치 (명령어를 재실행 없이 자동으로 동작시키기 위해)
npm i nodemon

 


⚙️ 생성 및 설정

 
5. 프로젝트 폴더 내 src 폴더 생성 후 해당 폴더 안에 index.ts 파일 생성

 

6. tsc -init 명령어를 통해 tsconfig.json 파일 생성 후 해당 파일
compileOptions 라인 바로 윗줄에 "include": ["src"], 추가

 

7. tsconfig.json 파일 내 outDir 라인"outDir": "build",으로 설정

 

8. 생성된 package.json 파일 내 main 라인을 제거
script 라인을 하단 문장으로 설정

"scripts": {
    "build": "tsc",
    "dev": "nodemon --exec ts-node src/index.ts",
    "start": "node build/index.js"
},

 


💻 실행

 
9.  .ts파일 을 작성 후 저장, npm run dev 명령어를 통하여 실행 후 콘솔에서 확인.
(파일을 저장할 때마다 자동으로 코드가 실행됩니다)

nodemon 종료는 단축키 Ctrl + C를 누른 후 y를 입력하여 종료할 수 있습니다. macOSCommand(⌘) + .(마침표) 또는 Ctrl(⋀) + C 단축키로 터미널을 중단할 수 있습니다.

 

📌 1번째 작성 후 저장한 상태

 

📌 2번째 작성 후 저장한 상태

profile
Frontend Web Developer

0개의 댓글