Astro 프로젝트를 시작하는 방법

2023-03-11

안녕하세요.

이번 시간에는 Astro 프로젝트를 시작하는 방법에 대해서 알아보겠습니다.

Astro 프로젝트를 시작하려면 터미널에 다음 명령어를 실행해서 Astro를 설치합니다.

$ npm create astro@latest

또는

$ pnpm create astro@latest

또는

$ yarn create astro

저는 pnpm 을 사용해서 설치를 진행했습니다.

설치를 진행하다보면 다음과 같이 프로젝트를 진행할 폴더를 만듭니다.

Where should we create your new project?

적당한 폴더이름을 입력하면 해당 이름으로 폴더가 생성됩니다.

How would you like to start your new project?

이 부분에서는 다음과 같은 옵션이 있습니다.

• Include sample files (recommended)

• Use blog template

• Empty

저는 블로그를 만들기 위해서 Use blog template 옵션을 선택했습니다.

Do you plan to write TypeScript?

TypeScript를 사용할지 여부를 묻는 부분입니다. No를 선택합니다.

Initialize a new git repository?

git 저장소를 만들지 여부를 묻는 부분입니다. Yes를 선택하면 git 저장소가 생성됩니다.

이렇게 하면 Astro 프로젝트가 생성됩니다.

프로젝트 폴더로 이동하기 위해 터미널에 다음 명령어를 입력합니다.

$ cd project-folder-name
$ pnpm dev

그러면 localhost:3000 에서 프로젝트를 확인할 수 있습니다.

이렇게 Astro 프로젝트를 시작하는 방법에 대해서 알아봤습니다.

감사합니다.