타입스크립트 실행

목차

 

폴더의 생성하기

typescript로 저는 생성해 주었습니다.

 

 

프로젝트 폴더 생성하기

npm init

위 명령어를 통해 package.json 파일을 생성해 줍니다.

 

typescript 설치하기

npm install typescript

설치가 완료되면 위의 사진처럼 dependencies에 typescript가 추가되었음을 볼 수 있습니다.

 

 

ts-node 설치하기

npm i ts-node --save-dev

typescript를 node에서 실행시킬 수 있는 런타임을 설치합니다.

설치가 완료되면 위의 사진처럼 devDependencies에 ts-node가 추가되었음을 볼 수 있습니다.

 

tsconfig.json 생성

{
    "compilerOptions": {
        "strict": true,
        "module": "commonjs",
        "moduleResolution": "node",
        "lib": ["es2015","es2016","es2017","es2018","es2019","es2020"],
        "target": "ES5",
        "outDir": "./dist",
        "esModuleInterop": true
    },
    "exclude": ["node_modules"],
    "include": ["src/**/*"]
}

 

 

파일 작성

src 폴더를 만들고 밑에 main.ts파일을 만들어줍니다.

폴더 구조를 유의해주세요

 

 

실행 편의성

package.json의 script에 작성하여 컴파일하고 실행를 한 번에 진행하도록

script에 두 줄을 추가해 줍니다

 

 

실행

npm run start

이 명령어로 실행이 가능합니다.

 

 

참고

https://hoho325.tistory.com/311

타입스크립트(typescript) 설치 및 실행