【WSL2】Windows10의 Ubuntu GUI를 이용해 Gatsby로 Hello World까지

Gatsby의 hello-world가 Windows 10에서는 할 수 없었기 때문에 Ubuntu를 통해 구축 할 수 있는지 확인해 보겠습니다.
공식 자습서: htps //w w. tsbyys. rg/트리어 l/

우분투 환경 구축

이전 기사로 시작하십시오.
【초보자용】WSL2를 이용해 Windows10 HOME에서 Ubuntu를 이용하는 방법

이 기사가 끝나면 아직 우분투에는 브라우저가 없으므로 추가로 설치합니다.

Firefox 설치

다음 명령을 실행하여 Firefox를 설치합니다.

SHELL

$ sudo apt install firefox

0.Gatsby 기초: 공식 사이트

Node 설치

다음 명령을 실행하여 Node를 설치합니다.

SHELL

$ sudo apt update
$ sudo apt -y upgrade
$ sudo apt-get install curl
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh | bash

.bash_profile에 PATH를 추가합니다.

SHELL

$ echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.bash_profile
$ echo '[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"' >> ~/.bash_profile
$ echo '[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"' >> ~/.bash_profile
$ source ~/.bash_profile

이제 nvm --version를 실행하면 버전이 표시됩니다.
그런 다음 NPM을 설치합니다.

SHELL

nvm install 10
nvm use 10

Gatsby CLI 설치

다음 명령을 실행하여 Gatsby CLI를 설치합니다.

SHELL

$ npm install -g gatsby-cli

Gatsby 사이트 만들기

다음 명령을 실행합니다.

SHELL

$ gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

지금까지 완료되면 우분투 데스크톱을 시작합니다. Xlunch를 시작하고 다음 명령을 실행합니다.

SHELL

$ startxfce4

이후에는 가상 데스크톱에서 명령을 실행할 때는 "%"를 붙입니다.

Terminal

% cd hello-world
% gatsby develop

Firefox에서 http://localhost:8000/에 액세스하면 아래 화면과 같이 Hello world가 표시됩니다.



쉽지만 이상입니다.
이런 간단한 일이 Windows10에서는 할 수 없기 때문에, 불편합니다만 이 환경에서 구축합니다.