뉴비 개발자의 학습일기

[TypeScript]-프로젝트 환경 구성 본문

프론트엔드 과거의 흔적

[TypeScript]-프로젝트 환경 구성

뉴비킴 2023. 5. 30. 21:48

1. 프로젝트 폴더 생성

mkdir typescript
cd typescript

폴더를 생성한 뒤 프로젝트 폴더로 이동합니다.

2. 프로젝트 초기화

npm init -y

프로젝트 폴더 내부에서 위 명령어를 실행해 초기화합니다.

3. TypeScript 설치

npm install typescript --save-dev

초기화가 완료되었으므로 터미널에서 위 명령어를 실행해 TypeScript를 설치합니다.

성공적으로 설치된 모습

4. tsconfig.json 파일 생성

compilerOptions 내의 속성은 자유롭게 수정할 수 있습니다.

5. src 폴더 내에서 TypeScript 언어로 된 파일 작성

이제 TypeScript로 작성된 파일을 만들 수 있습니다