[Astro] Astro Blog 서비스 만들기#1 - 환경설정

목차
1. node.js 설치
2. Vscode 설치(자유)
3. 개발 디렉토리 설정 및 프로젝트 시작

 

*ASTRO 공식문서를 참고하였다. (https://docs.astro.build/ko/install-and-setup/)

 

1. Node.js 다운받고, 설치하자. 

---

아스트로 공식문서를 보면(https://docs.astro.build/ko/install-and-setup/), 아래와 같이 노드 버전을 지원한다.

 

 

(노드 설치 url) https://nodejs.org/en/download/package-manager/current

 

설치 후에는 아래 명령어를 통해 제대로 설치된지 확인

node -v

호오.. 버전 20.15.1 이군요

---

2. Code Editor 설치(Vscode)

---

VSCODE 설치한다.

다른게 편하면 다른거 써도된다.(젵브뤠인 등)

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

---

3. 서비스 실행, 리소스 관리 위해 디렉터리 설정 && 프로젝트 시작

---

astro_dev라는 디렉터리 만들었다.

그리고 "npm create astro@latest" 입력해서 프로젝트 시작 ㄱㄱ

 

 

 

 

1> 프로젝트 이름 입력

 

 

 

2> 나머지 다 OK 해준다.(샘플파일, 타입스크립트 사용, 디펜던시 등) - 싫은건 빼도됨

그러면 전부 설치되고 아래와 같이 설명이 나온다.

 

 

 

3> 서비스 실행

위의 설명대로 서비스를 실행해보자

cd astro-blog
npm run dev

http://localhost:4321 로 실행됬다.

 

4> 서비스 실행 확인

http://localhost:4321 접속해보면 아래와 같이 서비스 확인 가능

 

환경 설정하고, 실행 테스트까지 했으니

다음에 이어서 코드 수정을 하겠다.

---

끝