타입스크립트 개발환경 만들기

1.Scoop프로그램 설치

typescript는 nodejs 개발환경과 똑같다. nodejs,vscode,chrome브라우저를 설치하면 바로 개발이 가능하지만 각 웹사이트에서 접속해서 내려받아야하기에 scoop이라는 설치 프로그램을 사용할 것이다. scoop으로 설치한 프로그램들은 'scoop update*' 명령으로 한꺼번에 최신 버전으로 업데이트 가능하다.

Windows PowerShell 관리자모드로 실행하여 아래 코드를 입력

Set-ExecutionPolicy RemoteSigned -scope CurrentUser
A
$env:SCOOP='C:\Scoop'
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
scoop install aria2 
scoop install git

2.Visual Studio 설치

scoop bucket add extras
scoop install vscode

3.NodeJs 설치

scoop install nodejs-lts
node -v

4.Typescript 컴파일러 설치

npm i -g typescript
tsc --version

5.touch 프로그램 설치

scoop install touch

vscode 터미널에서 touch 명령으로 hello.ts 파일을 생성할 수 있다

touch hello.ts

6.typescript 컴파일과 실행

hello.ts파일에 다음코드를 입력하고 저장한다.

console.log('hello world')

그리고 다음처럼 터미널에서 명령을 실행하면 hello.js파일이 생긴다

tsc hello.ts

7.ts-node 설치

tsc는 타입스크립트 코드를 ES5형식의 자바스크립트 코드로 변환만 할 뿐 실행하지는 않는다. 만약, 타입스크립트 코드를 ES5로 변환하고 실행까지 동시에 하려면 ts-node를 설치해야 한다.

npm i -g ts-node

다음 명령으로 vscode 터미널에서 컴파일과 실행을 동시에 할 수 있다.

ts-node hello.ts