WSL2 Windows 10에서 React JS 앱을 구성하는 방법

인사,
Windows가 설치된 Windows 시스템을 사용하지만 Linux/Ubuntu 환경을 사용하여 작업하려는 경우. 크게 세 가지 접근 방식이 있습니다. (더있을 수 있습니다)

가상 머신

듀얼 부트

WSL

두 가지 이유로 WSL을 추천합니다. 첫 번째, 처음 두 가지 접근 방식은 RAM 및 하드 드라이브 메모리 등과 같은 많은 리소스가 필요합니다. WSL은 최소한의 리소스를 소비하며 두 번째로 이미지를 내보내고 몇 분 안에 다른 컴퓨터로 가져올 수 있습니다.

Linux용 Windows 하위 시스템 활성화

Windows 10에서 시작을 엽니다.

Windows 기능 켜기 또는 끄기를 검색하고 최상위 결과를 클릭하여 환경을 엽니다.

"Linux용 Windows 하위 시스템"옵션을 선택합니다.

확인 버튼을 클릭합니다.

다시 시작 버튼을 클릭합니다.

가상 머신 플랫폼 활성화

시작을 열고 PowerShell을 검색하고 최상위 결과를 마우스 오른쪽 단추로 클릭하고 관리자 권한으로 실행 옵션을 선택합니다.

다음 명령을 입력하여 Virtual Machine Platform 기능을 활성화하고 Enter 키를 누릅니다.

Enable-WindowsOptionalFeature -Online -FeatureName VirtualMachinePlatform

Windows 10에 WSL2 설치

명령 프롬프트를 검색하고 최상위 결과를 마우스 오른쪽 버튼으로 클릭한 다음 관리자 권한으로 실행 옵션을 선택합니다.

다음 명령을 입력하여 Windows 10에 WSL을 설치하고 Enter 키를 누릅니다.

wsl --install

또 다른 방법은 Microsoft 스토어로 이동하여 Ubuntu 18.04를 설치하는 것입니다.

Ubuntu를 설치하면 다음 명령을 실행하십시오.

sudo apt update

sudo apt-get install curl

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash

source ~/.bashrc

nvm install 16

sudo apt-get install build-essential

이제 홈 디렉토리로 이동하여 반응 js 앱을 설치하십시오.
cd /home

npx create-react-app my-app-on-wsl

npm start

권한 오류가 발생할 수 있습니다(주로 Next JS 앱에서 발생함). 이 오류를 해결하려면 사용자에게도 앱 폴더 권한을 부여해야 합니다.
이것이 여러분에게 도움이 되기를 바랍니다. 더 많은 업데이트를 위해 좋아요를 누르고 팔로우하세요.