본문 바로가기
테크/기타

Visual Studio Code에서 TypeScript 코딩하기

by ahnne 2017. 5. 9.


링크 : https://code.visualstudio.com/docs/languages/typescript


# visual studio code 다운로드, 설치

# nodejs 설치

# (typescript 설치?)


# VSCode 실행

- 파일 -> 폴더열기 -> 새폴더 설정

- 파일 -> 새파일 -> tsconfig.json

- 파일 -> 새파일 -> HelloWorld.ts


- Ctrl+Shift+P -> Configure Task Runner 선택 -> TypeScript-tsconfig.json 선택 -> 파일생성됨


# 빌드

- Ctrl + Shift + B

- js 파일 등이 생성됨


# 실행

- node HelloWorld.ts


# 컴파일된 javascript 파일 숨기기

- 파일 -> 기본설정 -> Settings

- files.exclude 검색

- 왼쪽창에서 해당 설정 선택

- 편집(연필모양)을 누르면, 오른쪽 창으로 설정이 복사되고, 오른쪽에서 수정한 내용은, 왼쪽의 기본설정을 덮어쓰게 된다.

- 아래 내용 추가하여 저장

  "**/*.js": { "when": "$(basename).ts" },

  "**/**.js": { "when": "$(basename).tsx" }