나는 Windows 사용자이고 내가 기억할 수있는 한 오랫동안 그랬습니다. 나는 Linux도 만지작거리고 있었지만 Windows가 나에게 조금 덜 부담스럽다는 것을 알았기 때문에 Windows를 고수했습니다. 둘 다 장단점이 있습니다. 그러나 웹 개발을 배우기 시작했을 때 Windows의 가장 큰 단점 중 하나는 모든 Linux 명령줄 도구가 없다는 것이었습니다.
WSL(Windows Subsystem Linux)이 등장하기 전까지는 ?
나는 그것을 좋아한다! Windows에 Bash 셸이 있고 이를 통해 모든 Node.js 앱도 실행할 수 있으며 Windows 10 Fall Creators Update를 사용하면 WSL을 설정하기가 정말 쉽습니다.
내가 이것을 게시하는 이유에 대한 간단한 배경 이야기. 나는 부분적으로 WSL과 함께 nvm을 사용하는 것과 관련된 Windows에서 Bash에 문제가 있었기 때문에 노트북에 핵을 넣었습니다. 나는 내 컴퓨터가 어떻게 작동하는지에 대해 좌절하고 있었다. 하지만 지금은 제가 과민반응을 했다는 것을 깨달았습니다.
컴퓨터를 다시 켜고 처음부터 개발 환경을 다시 설정해야 했습니다. 운 좋게도 저는 새 컴퓨터를 구입하거나 치명적인 사건(예:핵무기 컴퓨터)에서 복구할 때를 대비하여 모든 설정과 구성 정보를 GitHub 리포지토리에 보관합니다.
이 기사에서는 개발 환경에 맞게 Windows 하위 시스템 Linux를 설정하는 방법을 보여 드리고자 합니다.
이것은 WSL의 특정 설정 및 사용에 대한 제 의견이며 다음에 Windows에서 개발 환경을 처음부터 시작해야 할 때를 위한 단계별 가이드입니다.
따라서 Microsoft Store에서 WSL을 설치하고 기본 사용자를 추가한 후 가장 먼저 해야 할 일은 모든 것을 업데이트하고 업그레이드하는 것입니다.
sudo apt updatesudo apt -y upgrade
-y 이전에 Linux 배포판을 사용하지 않은 경우 업그레이드 명령문에서 터미널에 표시되는 모든 프롬프트에 대해 기본적으로 "예"로 대답하는 것입니다. 업데이트하고 싶지 않은 일부 프로그램이 있을 수 있으므로 업데이트하고 싶지 않을 수도 있습니다.
-y를 추가하여 플래그, 이 메시지가 표시되지 않습니까?
빌드 도구
npm에서 기본 추가 기능을 컴파일하고 설치하려면 빌드 도구도 설치해야 할 수 있습니다. sharp을 사용하는 Gatsby 이미지에 이 도구가 필요합니다. 차례로 node-gyp를 사용합니다. :
sudo apt install -y build-essential노드 설치
nodejs.org 사이트에 제공된 지침에 따라 Node.js를 설치하면 올바른 권한이 설정되지 않습니다. 따라서 npm install를 시도할 때 오류가 발생하면 n을 사용하여 도움:
n로 노드 설치
새로 설치하면 다음과 같이 n-install을 사용할 수 있습니다.
curl -L https://git.io/n-install | bash이것은 최신 안정 버전의 노드를 설치합니까?
스크립트가 완료되면 다음을 사용하여 bash를 다시 시작합니다.
. /home/my_user_name/.bashrc # displays this for you to copy paste노드 및 npm 버전 확인:
node -v && npm -v물고기 설치 ?
물고기는 이제 순전히 자동 완성/인텔리센스를 위한 쉘로 이동합니까? 얻을 수 있는 멋진 테마도 있습니다.
sudo apt -y install fishsudo apt -y upgrade && sudo apt -y autoremove오마이피쉬 설치 | OMF
Oh My Fish는 패키지와 테마를 설치할 수 있는 Fish의 패키지 관리자와 같습니다.
curl -L https://get.oh-my.fish | fishOMF 테마 설치
omf install clearance시작의 시작
자, 이것이 WSL의 기본 설정입니다. 지금 Git을 설정하고 싶을 것입니다. 저는 WSL에서 한동안 HTTPS를 통한 SSH를 사용해 왔습니다.
참고: 이 글을 쓰는 시점에서 VSCode와 WSL Git 통합이 작동하지 않아 내 Windows 시스템에 Git 설치를 추가했습니다. 이것을 생략하고 터미널을 통해 전체 Git으로 이동할 수 있지만 VSCode Git 통합이 정말 마음에 듭니다.
컴퓨터에 SSH를 설정하려면 이 편리한 SSH 설정을 살펴보세요. 나는 Git 자격 증명 관리자와 키링 관리자에 모든 종류의 문제가 있었기 때문에 HTTPS 대신 SSH라고 말합니다. 결국 SSH 키를 만들고 GitHub로 인증하는 것이 실제로 더 빨랐습니다. 제가 링크한 가이드가 안내해 드립니다.
도트 파일 이동
GitHub 리포지토리에 모든 도트 파일을 백업했다면 지금이 WSL 폴더에 추가하기에 좋은 시간입니다. 마지막으로 이 작업을 수행했을 때 각 파일을 이동한 후 수동으로 권한을 설정했지만 이후 rsync 모든 파일을 이동합니다.
rsync -avzh /mnt/c/Users/dotfiles/ ~/
그러면 내 dotfiles의 내용이 복사됩니다. 폴더를 ~/로 (홈) 디렉토리에 있는 경우 다음을 사용하여 확인할 수 있습니다.
ls -la ~/
내 .gitconfig에 복사했습니다. , .gitignore 및 .npmrc 여기에 표시된 dotfiles 및 권한이 .bashrc와 일치하지 않는 것을 볼 수 있습니다. 파일.
chmod으로 파일 권한 변경 유사한 파일의 속성을 얻으려면 stat을 사용하십시오. :
stat -c “%a %n” ~/.*
.으로 시작하는 모든 항목이 나열됩니다. 여기 내 것:
777 /home/scott/.755 /home/scott/..600 /home/scott/.bash_history644 /home/scott/.bash_logout644 /home/scott/.bashrc777 /home/scott/.cache777 /home/scott/.config777 /home/scott/.gitconfig777 /home/scott/.gitignore777 /home/scott/.local777 /home/scott/.npm777 /home/scott/.npmrc644 /home/scott/.profile644 /home/scott/.sudo_as_admin_successful
.gitconfig만 변경하고 싶습니다. , .gitignore 및 .npmrc 여기에서 수행하겠습니다.
chmod 644 .gitconfig .gitignore .npmrc이제 내 파일은 다음과 같이 보입니다. ?
이제 업데이트된 Ubuntu 설치, 노드 및 물고기 터미널로 시작하여 실행되었습니다. 물론 지금 개발하려는 글로벌 npm 패키지를 모두 설치하는 경우도 있습니다.
행운을 빕니다!
읽어주셔서 감사합니다
재미있었다고 생각되시면 박수를 한두 번 남겨주시고, 향후 업데이트를 구독하거나 생각을 트윗해 주세요.
제가 놓친 것이 있거나 더 나은 방법이 있다면 알려주세요.
Twitter에서 저를 불러오거나 GitHub에서 무엇이든 물어보세요.
내 블로그에서 이와 같은 다른 기사를 읽을 수 있습니다.