VS 코드에서 타입스크립트 설치하는 법

---

TypeScript Study Logo

VS 코드에서 타입스크립트 컴파일러 설치하기

---

 

이번 글을 통해 배워갈 내용

1. VS 코드에서 타입스크립트를 설치하고 실행하는 법을 배워보겠습니다.

 

---

노드 버전 확인 스크린샷

 

먼저 노드가 깔려 있는지 확인 합니다.

node -v 를 입력 했을때 버전이 뜨지 않는 경우

노드가 깔려있지 않은것이기 때문에

 

https://nodejs.org/en/

Node.js

위에 사이트 방문 후에 설치 후 에 진행 해주시면 됩니다.

---

 

특정 로컬 프로젝트에서만이 아니고 글로벌에서 실행 가능하게 설치 하겠습니다.

 

npm install -g typescript

 

그뒤에 

 

컴파일 설정을 하기 위해서

tsc --init

을 입력해 줍니다.

 

타입스크립트 설치 스크린샷

 

VS 코드 타입스크립트 기초 프로젝트 오픈에디터 스크린샷

그뒤에 hello.ts 라는 타입스크립트 파일을 만들어 줍니다.

 

아까 tsc --init을 통해 만들어진

타입스크립트 컴파일 설정 json 파일(tsconfig.json)을 설정해서

컴파일 변경을 해주셔도 됩니다.

 

hello.ts 파일에 

console.log("hello");

위와 같이 입력후

 

타입스크립트 컴파일 명령어

콘솔창에 tsc를 입력해주면

 

컴파일 완료된 자바스크립트 파일 스크린샷

hello.js 파일로 컴파일 된 것을 알수있습니다.

 

node 명령어로 자바스크립트 파일 실행 스크린샷

콘솔창에 node hello 라 치면 정상 실행되는 것을 알수있습니다.

 

이로서 타입스크립트를 간단하게 설치하고 컴파일 하고 실행해보았습니다.

 

읽어주셔서 감사합니다.

 

---