Typescript 프로젝트 생성하는 방법

 

 

먼저, 나는 VSCode를 이용해서 프로젝트 코드를 작성하려고 한다.

 

 

1. VSCode를 실행시키고 새 터미널을 누른다.

 

VSCode 실행 첫 화면

 

 

 

 

2. 하단에 터미널 창에서 프로젝트를 생성하고자 하는 경로로 이동한다.

 

이동 시에는 cd 폴더명 명령어를 입력해서 이동이 가능하다.

아니면 파일 탐색기에서 경로를 복사해온 후 cd 복사한 경로 를 입력해도 이동이 가능하다.

 

파일 탐색기에서 경로 복사하기

 

 

복사한 경로를 VSCode 터미널 창에 입력한다.

 

VSCode 터미널 창에 경로를 입력하여 이동

 

 

 

 

3. "npx create-react-app my-app --template typescript" 명령어를 입력해 타입스크립트 프로젝트를 생성한다.

 

npx create-react-app my-app --template typescript

 

프로젝트 생성 중인 터미널 창

 

설치 완료

 

 

 

 

4. 생성된 파일들을 살펴보고 실행시켜 본다. 프로젝트 실행 명령어는 npm start이다.

 

생성된 파일들

 

 

npm start

 

npm start 명령어 입력시 터미널 창

 

 

성공적으로 프로젝트 생성 완료