typescript 초기 설정

2025. 10. 2. 13:20Coding Study/Typescript

 

node.js 패키지 초기화

npm init -y

 

 

node.js 가 제공하는 type 을 설치

npm i @types/node

 

 

타입스크립트 컴파일러 설치

 1) 맥OS 기준이며 -g 옵션으로 글로벌로 설치 한다고 해서 전역에서 사용 가능 

sudo npm install typescript -g

 


 2) 설치 되었는지 버전 확인

tsc -v

 

 

 

타입스크립트 실행 방법

 1) ts 파일을 자바스크립트(.js) 파일로 변환

tsc [파일명].ts

 결과물 : [파일명].js

 

 2) 자바스크립트 파일 실행

node [파일명].js

 

 

 

 

 

 

타입스크립트를 자바스크립트 파일로 변환 없이 한번에 실행 하기

1) tsx 설치

sudo npm i -g tsx

 

 2) 타입스크립트 파일 실행

tsx [파일명].ts

 

 

 

버튼으로 실행 방법

 1) vscode 확장 프로그램 설치 : code Runner

 2) .vscode 폴더 생성 후 settings.json 파일 생성 하여 아래 내용을 작성 후 저장

{
  "code-runner.executorMap": {
    "typescript": "tsx"
  }
}

 3) vs 코드의 실행 버튼으로 타입스크립트 실행 시 결과가 터미널에 출력