1. Visual Studio Code를 설치한다.


2. Visual Studio Code 실행 > 메뉴 > 파일 > 기본설정 > 설정 (control + , (콤마)) > 개인설정 확인 및 변경한다.


3. mtest.ts 작성 



1
2
3
4
5
let mValue : String = "이상현";
let mValue2 : Number = 28;
 
console.log(mValue+" "+mValue2);
 
cs


4. > 보기 > 명령어 팔레트(ctrl shift p) > configure task runner 검색 > others 선택 > 


.vscode 생성 및 tasks.json 생성됨. > 생성된 파일 내용 tasks.json을 다음 내용과 같이 변경 후 저장



1
2
3
4
5
6
7
8
{
    "version""0.1.0",
    "command""tsc",
    "isShellCommand"true,
    "args": ["-p""."],
    "showOutput""silent",
    "problemMatcher""$tsc"
}
cs


tsconfig.json 파일 생성 및 작성하면 ts파일을 자동으로 컴파일해준다.


5. cmd창에서 테스트


javac 는 java를 컴파일하는것, tsc는 ts를 컴파일하는 것




tsc mtest.ts 는 ts파일을 js파일로 컴파일 시키는것이다.




node mtest.js 는 노드는 기본적으로 js파일을 읽을수 있으므로 실행된다.



6. GUI에서 테스트


test.ts // ctrl + shift + b를 눌러 컴파일 하자.

ts파일에서 f5 누르면 nodejs 선택한다.> launch.json 생성된다. > 다시 f5 눌러서 실행시킨다.



다음과 같이 출력결과를 확인할 수 있다.



7. Visual Studio Code로 Git 연동 및 소스파일 커밋 방법


터미널을 켜고 명령어를 입력한다.


7.1. git init


git 시작한다.




7.2. git remote add origin https://github.com/shlee0882/typescript.git


Clone or download 를 눌러 자신의 Github 레파지토리 주소를 적는다.


7.3. 목록에서 변경 내용 스테이징 확인




7.4. git commit -m "커멘트남기기"


7.5. git push origin master


커밋 완료

'전체 > TypeScript' 카테고리의 다른 글

타입스크립트(TypeScript)란?  (0) 2017.10.15

+ Recent posts