[FE] vs code에서 TypeScript 컴파일 설정하기

비주얼 스튜디오 코드에서 TypeScript(*.ts) 파일을 js파일로 자동 컴파일하는 것을 설정해본다.

1. 터미널을 열고 node.js설치를 확인한다.

npm -v
node -v

2. node.js가 설치되었다면, 버전이 표시된다. 없다면 설치한다.
https://nodejs.org/ko/download/

3. window 환경에서는 환경 변수를 설정하고 어디서든 npm명령이 수행되도록 한다.

- 고급 시스템 설정 보기-> 고급탭 -> 환경변수 버튼 클릭 -> path 선택 -> 편집 버튼 클릭

새로만들기 버튼 클릭 -> nodejs 설치 경로를 추가 -> 확인

4. VS Code에서 프로젝트를 열고, 터미널에서 다음 명령을 수행한다.

npm init

5. 타입 스크립트를 설치한다.

npm install -g typescript
tsc -v

6. *.ts 파일을 하나 작성하고 컴파일을 수행한다.

npm run dev