WSL Ubuntu에서 Gatsby.JS 설정

많은 개발 도구가 Linux 기반이므로 MacBook을 튜토리얼이 작성된 표준 도구로 만듭니다. 그러나 내 개인 시스템은 Windows 10 노트북입니다. 개발 머신으로서 이에 대한 몇 가지 문제가 있지만 설정하는 동안 몇 가지 추가 단계와 번역이 필요합니다.

Ubuntu WSL에서 Gatsby.JS를 설정하는 단계를 살펴보고 GatsbyJS의 Tutorial Part Zero에 따라 이를 수행하기 위해 찾은 다른 모든 기사를 수집하겠습니다.

SUDO 비밀번호 설정

이것은 자동으로 수행된다고 가정하지만 WSL은 경량 가상 머신이고 기존 암호와 관련이 없습니다.

1. Open cmd.exe
2. Type wsl -u root
3. Type passwd [username] and change the password
4. Type exit

(출처Ask Ubuntu )

WSL DNS 설정

기본적으로 어떤 DNS WSL이 가리키는지 정확히 모르겠지만 Gatsby CLI를 설치하는 데 필요한 NPM에 올바르게 연결되지 않습니다. 편의상 Google의 DNS 주소8.8.8.8를 사용했지만 가장 신뢰하는 DNS를 사용할 수 있습니다.

기존 DNS 항목을 지웁니다.

[WSL에서] DNS 생성 끄기
[WSL에서] 편집\etc\resolve.conf

[network]
generateResolvConf = false

[CMD에서] 모든 WSL 연결을 재설정합니다. 이로 인해 Docker의 WSL 컨테이너 연결과 같은 다른 연결이 재설정됩니다.

wsl --shutdown

[WSL에서] resolve.conf에 대한 기존 심볼릭 링크를 제거합니다.

rm \etc\resolve.conf

새로운 resolve.conf 생성

touch \etc\resolve.conf
echo "nameserver 8.8.8.8" >> \etc\resolve.conf

다시 WSL 재설정

wsl --shutdown

(출처SuperUser )

NodeJS 설치

NVM의 최신 버전을 확인하십시오. 최신 릴리스GitHub project page를 확인할 수 있습니다. 프로젝트 페이지에서 install.sh 파일로 이동하여 RAW를 선택합니다. URL을 복사합니다.

컬 설치: sudo apt-get install curl

NVM 설치: curl -o- [URL of install file] | bash

Node의 최신 안정 릴리스 설치: nvm install node --lts

(출처Windows Developer )

Git 버전 관리 설치

힘내 설치

Git을 WSL에 설치하는 것은 간단합니다. sudo apt-get install git

SSH 키 설정(선택 사항)

기술적으로 '선택 사항'인 많은 프로젝트에는 HTTP 대신 SSH 인증이 필요하므로 즉시 완료하는 것이 더 쉽습니다.

ssh-keygen -t rsa -b 4096 -C "[email protected]"를 사용하고 프롬프트에 따라 SSH 키를 생성합니다.

WSL이 시작될 때 에이전트가 자동으로 시작되지 않으므로 SSH 에이전트에 키를 추가합니다. .profile에 명령을 추가하면 에이전트가 시작되고 WSL이 시작될 때 ID가 추가됩니다.

echo "eval $(ssh-agent -s)" >> .profile
echo "ssh-add ~/.ssh/[YourSSHPrivateKey]"

이제 GitLab, GitHub 또는 CodeBuild와 같은 Git 리포지토리 관리자에 공개 키를 추가할 수 있습니다. SSH 키는 리포지토리 사용자 프로필의 일부입니다.

GatsbyJS 설치

Gatsby CLI는 npm을 통해 사용할 수 있으며 다음을 실행하여 전역적으로 설치해야 합니다.

npm install -g gatsby-cli

끝!

이것이 Windows 10용 Ubuntu WSL에서 GatsbyJS 개발 환경과 이 시점에 도달하는 데 사용한 모든 리소스를 얻는 데 필요한 모든 것입니다. 도움이 되었기를 바랍니다!