Visual Studio Code로 TypeScript를 JavaScript로 변환 환경설정 및 Git 연동

1. Visual Studio Code를 설치한다.

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

3. mtest.ts 작성 

let mValue : String = "이상현";
let mValue2 : Number = 28;
 
console.log(mValue+" "+mValue2);
 

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

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

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-p", "."],
    "showOutput": "silent",
    "problemMatcher": "$tsc"
}

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

커밋 완료