카테고리 없음

윈도우 10에서 Gatsby 프로젝트 생성 및 실행

뇌장하드 2022. 6. 27. 16:17

 

1. Node Js 설치하기

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

LTS버전으로 설치해줍니다.

 

2.gatsby-cli로 프로젝트 생성

 

npm install -g gatsby-cli

 

3.gatsby-cli로 프로젝트 생성

원하는 작업 폴더 생성

ex> c\working

cd c:\working
mkdir gatsby_projects
cd gatsby_projects
gatsby new

설치가 완료 되면 다음과 같은 화면이 보인다.

work폴더에서 확인가능

작업 폴더에서 cmd .으로 cmd창을 열고 cd my-blog-2022-06-27들어간후 code .엔터

또는 gastby_projects에서 마우스 우클릭후에 비쥬얼 스튜디오 열기를 눌러준다.

 

 

로딩이 다 되면 이제 기본 페이지를 뛰워보겠습니다.

터미널 -> 새 터미널 눌러줍니다.

npm run start

눌러주면 방화벽 허용 창과 함께 서버가 뛰워집니다.

 

터미널에 있는  http://localhost:8000/ 으로 들어가면 테스트 페이지를 볼수 있습니다. 

위와 같은 페이지가 나오면 일단 프로젝트가 성공적으로 만들어진것을 확인할수 있습니다.