WEB/Javascript

VSCode에서 node.js 실행과 TypeScript 다운 및 실행하기

sit_min 2019. 5. 18. 17:42

VSCode 실행 후 Terminal 에서 New Terminal 클릭

VSCode를 킨 다음에 Terminal에서 New Terminal을 클릭 해 주시면, 아래에 CMD 창이 뜨는 것을 볼 수 있습니다.

여기서 node라고 치시면 nodejs를 실행 시킬 수 있습니다.

하지만 그 전에 node와 npm의 버전을 확인하여 잘 다운로드 되었는지 확인합니다.

만약 안되시는 분들은 재실행을 하시면 될 것 같습니다.

환경 변수 설정 후 VSCode를 실행 하셔야 합니다.

그리고 Opne Folder를 눌러 작업이나 test할 폴더를 만들어서 설정을 해 주세요.

그러면 VSCode가 Workspace를 가지고 새롭게 시작될 것입니다.

새로운 경로로 VSCode를 시작했다면,

PowerShell이나 CMD에서 npm init을 치고 엔터를 눌러주세요.

그러면 다음과 같이 package.json 파일이 생성 될 것입니다. 

그리고 typescript를 다운 받기 위해서 

npm i -g typescript 

라는 명령어를 입력 하셔야 합니다.

다운로드를 확인을 하기 위해서 버전을 확인합시다.

tsc --v 라고 명령어를 입력하면 버전을 확인할 수 있습니다.

여기까지 typescript를 설치라는 방법이었습니다.

 

간단하게 사용 해 보자면, 

왼쪽에 폴더에서 이 버튼을 누르고

test.ts 라는 파일을 하나 만들어주세요.

확장자 명이 ts 입니다.

이렇게 입력 후 컨트롤 + S 로 저장을 해 주세요.

그리고 다시 terminal 창으로 가서 

tsc ./test.ts

라는 명령어를 입력 하시면 .js 파일이 하나 생성되는 것을 볼 수 있습니다.

이렇게 javascript 문법으로 변환이 되는 것을 볼 수 있습니다. 

이렇게 간단한 typescript를 사용해 보았습니다. 

-end-