VScode에서 Typescript 사용하기

Typescript 설치

1. VScode에서 Typescript를 사용할 directory를 열고 터미널을 실행시킨다.
2. 터미널 실행을 시킨 뒤 아래와 같은 명령어를 입력한다.

npm i -g typescript

(브라우저에서는 Typescript를 읽지 못해서 Javascript로 컴파일을 시켜줘야 하는데 이 과정에서 만약 -g 와 같은 global설치가 아닌 -d Dependency로 설치할 경우 npx를 사용해줘야 된다.)

 

Typescript 사용하기

1. 사용할파일이름.ts 파일을 생성해주고 Typescript 문법으로 코드를 작성한다.
2. 작성후 Javascript로 컴파일 시 아래와 같은 명령어를 터미널 창에 실행을 시킨다. (Dependency로 설치했으면 npx를 붙히기.)

tsc -w

 

tsconfig.json 생성하기

1. 터미널 명령어에 아래와 같이 적어준다.
2. tsc --init
3. 파일을 클릭해서 들어가면 옵션들이 주석처리가 되어있는데 그 중 사용할 옵션들은 주석을 풀어주고 저장해주면 된다.