[Rails] Windows의 WSL2 (Ubuntu, VSCode)에 Rails를 로컬 설치하고 git 명령으로 github (master)에 push한다

배경

Windows의 WSL2를 VSCode로 조작하고 Rails6.1을 설치하고 브라우저에서 welcome 페이지를 볼 수 있는지 확인한 다음 콘솔에서 git 명령으로 github의 master 브랜치로 코드를 푸시하기까지의 단계입니다.

WSL을 사용한 이유는 MAC에서의 환경 구축 방법과 가깝기 때문입니다.
또, git에서의 브랜치의 분리와 풀릭 방법, Rails의 폴더 구성을 마지막에 올리고 있습니다.

WSL 2(Windows Subsystem for Linux 2)를 VSCode에서 사용할 수 있도록 설정

① 제어판에서 프로그램 > 프로그램 및 기능 > Windows 기능 활성화 또는 비활성화를 선택합니다.
표시된 체크 박스에서 「Linux 용 Windows 서브 시스템」「가상 머신 플랫폼」의 2 개를 체크한다. 그 후 재기동이 요구되므로 재기동한다.

② Windows store에서 우분투를 설치한다.

③ 아래 명령으로 WSL 버전을 확인한다.

$ wsl -l -v
  NAME      STATE           VERSION
* Ubuntu    Running         1

버전이 1이므로 아래 명령으로 버전 2로 한다.

$ wsl --set-version Ubuntu 2

wsl --set-version Ubuntu 2에서 "커널 구성 요소 업데이트 필요"라는 오류가 발생하면,
htps : // / cs. 미 c 로소 ft. 코 m / 쟈 jp / 우동 ws / wsl / 인 s ta l - 우 10
위 링크에서 wsl_update_x64.msi를 다운로드하고 C:\Windows\System32\lxss\tools로 이동 한 다음 실행하십시오.wsl_update_x64.msi 실행 후 wsl --set-version Ubuntu 2를 다시 실행하십시오.

※ wsl_update_x64.msi 는 C:\Windows\System32\lxss\tools 로 이동하지 않으면 런타임 시 에러가 발생한다.
※ wsl_update_x64.msi 는 상기 링크의 x64 マシン用 WSL2 Linux カーネル更新プログラム パッケージ 로부터 다운로드할 수 있지만, 다운로드가 Chrome에 차단되어 진행되지 않는 경우가 있다. 그 때는 リンクを名前を付けて保存 하고 좌하의 다운로드 경고에 대해 継続 를 선택하면 다운로드할 수 있다.

④ VSCode에 Remote Development 확장 기능 설치 > 왼쪽 하단 녹색의 >< 아이콘을 클릭 > Remote-WSL: New Window를 선택하고 새로운 Window의 왼쪽 하단 녹색 아이콘이 WSL 가 되어 있으면 VSCode에서 WSL을 조작할 수 있다.

Ruby와 Rails 환경 구축 (Rails는 로컬 설치)

환경 구축에 있어서 알아 두는 것이 좋은 사전 지식은 아래의 기사에 정리했습니다.
[Rails] 초보자를위한 사전 지식 (rbenv, RVM, gem, RSpec, Rubocop, bundler, 로컬 설치, env, 프런트 엔드 관련)

환경 구축은 아래와 같이 2개의 기사를 참고로 했습니다.
① WSL로 만드는 Ruby on Rails 환경 구축 ~VSCode Remote와 함께 ~
② Rails 개발 환경 구축 (rbenv에서 Ruby 도입에서 Bundler, Rails 도입까지) (Macport 편)
↑①의 「4.Ruby의 인스톨」로부터 「6.Rails의 인스톨」의 전까지 실시해, 그 후는 ②의 「SSL 증명서의 임포트」이후를 실시합니다.

※②의 최종반에서 bundle exec rails server 하고 「webpacker가 필요」라고 하는 취지의 에러가 나왔을 경우, webpacker를 인스톨 할 필요가 있습니다.
webpacker를 설치하려면 최신 yarn이 필요하지만 apt에서 yarn을 넣어도 최신 버전이 아니므로 webpacker를 넣을 때 오류가 발생합니다. 그래서 아래 순서대로 webpacker를 설치해야합니다.

① 아래를 참고하여 yarn을 설치한다.
yarn 설치 중 오류가 발생했습니다.

② webpacker를 설치한다.

$ bundle exec rails webpacker:install 

다시 명령을 실행하여 Rails가 작동 중임을 브라우저에서 확인할 수있었습니다.

$ bundle exec rails server 

콘솔에서 git 명령으로 github 마스터 브랜치로 푸시

①git에 자신의 email과 유저명을 설정한다.
※하지 않으면 커밋시에 에러가 나옵니다.

$ git config --global user.email メールアドレス
$ git config --global user.name ユーザー名

②아래 기사대로 실시한다.
【Rails 입문】 Github를 도입하는 방법

이상이 됩니다.

뱀발

아래의 기사는 Github에서 끌어 올리는 방법입니다.
초보자용 Github에 대한 PullRequest 방법

아래 기사는 Rails의 폴더 구성입니다.
기본 Rails 폴더 구조

마지막으로, 참고로 해 주신 기사의 투고자 여러분, 감사합니다.
나의 기사에 미비 등이 있으면 지적해 주시면 다행입니다.