¶ WSL2 Ubuntu WebStorm
- 윈도우 WSL2 기반 프로젝트 클론 방법
해당 가이드는 공통적인 내용이 담긴 상위 문서를 읽은 것으로 간주함
¶ 클론 후 yarn 위치 관련 에러 시
C:\Users\bell0\AppData\Roaming\npm\yarn.cmd install
'\\wsl$\Ubuntu\home\bell\programming\projects\git\webstorm\bell-safe-house-view'
위의 경로를 현재 디렉터리로 하여 CMD.EXE가 실행되었습니다. UNC 경로는
지원되지 않습니다. Windows 디렉터리를 기본으로 합니다.
yarn install v1.22.19
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
error Could not write file "C:\\Windows\\yarn-error.log": "EPERM: operation not permitted, open 'C:\\Windows\\yarn-error
.log'"
error An unexpected error occurred: "EPERM: operation not permitted, mkdir 'C:\\Windows\\node_modules'".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
종료 코드 1(으)로 완료된 프로세스
해당 문제는 윈도우 로컬 환경의 yarn을 사용하여서 발생하는 문제로, WSL 환경에 yarn 설치 후 해당 위치로 설정해주면 정상 동작함
¶ NVM 설치
- nvm 설치
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash
- nvm 설치 후
~/.bashrc파일에 아래 내용 추가
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
- 내용 추가 후 소스 리로드
source ~/.bashrc
- nvm 버전 확인
nvm --version
참고: https://github.com/nvm-sh/nvm#installing-and-updating
¶ node 설치
- nvm을 이용하여 노드 설치
nvm install node
위 명령으로 최신버전이 설치됨
특정 버전을 설치하고 싶을 경우 nvm install 16.14.1
- 설치된 노드 버전 확인
node -v
¶ npm 설치
sudo apt update
sudo apt install npm
npm -v
¶ yarn 설치
npm install -g yarn
yarn -v
¶ WebStorm 설정
WSL 인터프리터 추가
본인 환경에 맞게 디렉토리 설정 후 확인
최종적으로 위와 같이 WSL 기반 경로로 설정됨
설정 완료된 후 yarn install 수행 시 자동으로 반영됨