Windows Linux 서브시스템(WSL) 웹 개발 설명서

이 설명서는 Windows Subsystem for Linux(WSL) 2를 설치한 것으로 가정합니다.만약 그렇지 않다면, 나는 네가 먼저 나의 이전 문장을 통독할 것을 강력히 건의한다.우리는 우리가 시작하고 실행해야 하는 가장 흔히 볼 수 있는 웹 개발 도구를 소개할 것이지만, 일부 물건이 부족할 수도 있다.그렇다면 아래에 메시지를 남겨주세요!비록 나는 자신의 경험을 바탕으로 하지만, 나는 우리가 가장 흔히 볼 수 있는 도구를 포괄할 수 있도록 필요에 따라 본문을 수정하고 싶다.

Linux 패키지 저장소 업데이트

Linux 패키지가 최신형인지 확인합니다.

sudo apt update && sudo apt upgrade -y

지트

Git가 설치되어 있고 최신형인지 확인합니다.

sudo apt install -y git

GPG로 약속 서명하세요.

GPG가 최신 버전으로 설치되어 있는지 확인합니다.

sudo apt install -y gnupg

GPG 키 생성

Git에서 GPG 서명을 사용하려면 GPG 키 쌍이 필요합니다.만약 이미 있다면 다음 단계로 뛰어내릴 수 있다.이 명령은 새 키의 설정을 입력하는 것을 알려 줍니다.키 설정에 대해 무엇을 선택해야 할지 모르면 기본 설정만 사용하면 됩니다.당신이 제공해야 할 두 가지는 당신의 이름과 이메일입니다.

# generate a new gpg key
gpg --full-generate-key

제출 서명을 위한 Git 구성

이 정보는 GitHub's guide을 기반으로 합니다.사용 가능한 서명 키를 표시하고 강조하려면 다음 명령을 실행하십시오.

gpg --list-secret-keys --keyid-format long | grep -A 2 ^sec | grep -A 2 -P "(?<=/)\w+"

원하는 키의 강조 표시된 부분(sec 이후 / 행)을 복제하여 다음 단계를 진행합니다.단말기 출력은 이렇게 해야 한다.

Git에 서명 키를 알려주고 제출 서명을 사용해야 합니다.

# replace `<key>` with the key copied above
git config --global user.signingkey <key>

# enable commit signing
git config --global commit.gpgsign true

github

GitHub은 가장 흔히 볼 수 있는 코드 위탁 관리 플랫폼이자 내가 사용하는 플랫폼이다.이 정보들이 다른 플랫폼에도 적용돼야 한다는 것이다.

야유

SSH for GitHub (나처럼) 를 사용하는 것을 좋아한다면, 새 SSH 키 쌍을 생성하고, clip.exe이라는 Windows 유틸리티를 사용하여 키를 클립보드에 복사할 수 있습니다.다음 명령을 실행하여 새 SSH 키 쌍을 생성하고 공개 키를 클립보드에 복사합니다.실제 메일과 일치하도록 아래의 가짜 메일을 업데이트했는지 확인하십시오.생성된 SSH 키의 이름을 변경하려면 해당 파일 이름을 사용하여 두 번째 명령을 업데이트해야 합니다(기본값은 id_ed25519).

# generate the ssh keypair
ssh-keygen -t ed25519 -C [email protected]

# copy the public key
cat ~/.ssh/id_ed25519.pub | clip.exe

그런 다음 SSH 키 섹션의 settings page을 통해 GitHub에 키를 업로드할 수 있습니다.

GPG

위의 Git 섹션에서 GPG 키 쌍을 생성하면 GitHub 또는 다른 공급자에서 사용할 수 있는 키를 내보낼 수 있습니다. 이 공급자에서 인증된 것으로 표시하려면 제출하십시오.다음 명령을 실행하여 공개 키를 클립보드에 복사합니다.실제 메일과 일치하도록 아래의 가짜 메일을 업데이트했는지 확인하십시오.

# copy the public key
gpg --export --armor [email protected] | clip.exe

GPG 키 섹션의 settings page에서 GitHub에 키를 업로드할 수 있습니다.

노드/NPM

Node 및 NPM 을 설치하는 데 사용할 수 있는 몇 가지 옵션이 있습니다.여러 버전 간에 전환해야 하는 경우 NVM을 사용하는 것이 좋습니다.Ubuntu Linux 릴리스에서만 최신 버전을 얻으려면 (간단한 전환 방법 없음) 아래 Apt 부분으로 넘어가십시오.

비휘발성 물질

이 설명들은 NVM README에서 나온 것이다.더 자세한 것을 알고 싶으면 언제든지 그곳의 설명을 보십시오.그렇지 않으면 다음 명령을 실행하여 최신 버전의 Node 및 NPM을 사용하여 설정합니다.

# install nvm (latest version at time of writing)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

# reload the .bashrc file
source ~/.bashrc

# install the latest version of node
nvm install node

적절했어

그러면 Ubuntu 패키지 저장소의 노드가 설치됩니다.Ubuntu를 통해 얻은 최신 버전은 다른 방식으로 얻은 최신 버전이 아닐 수도 있습니다.

sudo apt install -y nodejs

부두 노동자

Docker Desktop for Windows을 다운로드하여 설치합니다.WSL 2에 Docker를 활성화하려면 WSL 2에 필요한 Windows 구성 요소 설치 옵션이 선택되어 있는지 확인합니다.로그아웃하고 다시 로그인하여 설치를 완료합니다.

텍스트 편집기

WSL에서 기존 텍스트 편집기를 사용하려면 선택한 구성에 따라 추가 구성이 필요합니다.

아토믹스

WSL 내부에서 Atom을 시작하는 것은 네가 상상하는 것처럼 그렇게 간단하지 않다.atom 바이너리 파일은 Windows cmd 컨텍스트에서 실행되어야 하며 Linux 경로가 아닌 디렉토리의 Windows 경로를 지정해야 합니다.나는 이 점을 실현하기 위해 little helper script을 만들었다./usr/local/bin 디렉토리에 다운로드하고 다음 명령을 실행하여 실행할 수 있도록 합니다.

# download the atom script
sudo curl -o /usr/local/bin/atom https://gist.githubusercontent.com/voraciousdev/1a1473ea36906c8f6830a17701e7fd21/raw/b8c697ca810022f2fc4be9eef3f72a54c6073b7e/atom.sh

# make it executable
sudo chmod +x /usr/local/bin/atom

WSL 내부에서 atom 명령을 실행하여 Windows에서 어플리케이션을 열 수 있습니다.특히 아직 완전한 atom 매개 변수 지원이 이뤄지지 않았다.이 스크립트는 현재 선택할 수 있는 경로 매개 변수만 받아들일 수 있습니다.다음은 그것을 어떻게 사용하는지의 예들이다.

# open the current directory
atom .

# open another directory
atom ~/workspace/project

# open atom without specifying a project
atom

VS 코드

VS Code을 다운로드하여 설치합니다.VS 코드를 처음 열면 권장 확장자를 설치하라는 메시지가 표시됩니다.이러한 권장 사항 중 하나는 Remote Development입니다.다음은 WSL 터미널에서 새로운 code 명령을 사용하는 몇 가지 예입니다.

# open the current directory
code .

# open another directory
code ~/workspace/project

# open vscode without specifying a project
code

끝맺다

만약 네가 이 문장에 무엇이 부족하다고 생각한다면 나에게 말해라.나는 다른 흔히 볼 수 있는 웹 개발 도구로 그것을 업데이트해서 매우 기쁘다.예전과 같이 읽어 주셔서 감사합니다!