0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Windows10でUbuntu22.04+Github+VSCodeの開発環境を構築する

Last updated at Posted at 2022-10-21

WSLのインストール

PowerShellを管理者権限で開いてwslをインストール

wsl --install

インストール完了後OS再起動

Ubuntu22.04のインストール

Microsoft StoreからUbuntu22.04をダウンロード
image.png

ダウンロード完了後、開くとインストールが勝手に開始される
表示される手順に従って、ユーザ名やパスワードを入力していく

VSCodeのインストール

下記リンクからダウンロードしてインストール

VSCodeに拡張機能を追加

日本語化の拡張機能を追加(画像一番上のやつ)
image.png

wslの拡張機能を追加(画像一番上のやつ)
image.png

VSCodeからwsl環境のUbuntuに接続

VSCode左下の緑色のボタンからリモートウィンドウを開く
image.png
ディストリビューションを使用した新しいWSLウィンドウ -> Ubuntu-22.04

これで接続される
image.png

GithubにSSH接続できるようにする

VSCodeでターミナルを開く
ターミナル -> 新しいターミナル

以下コマンドを実行

# apt更新
sudo apt update
sudo apt upgrade

# gitインストール
sudo apt install git

# git configを設定
git config --global user.name ${githubのユーザ名}
git config --global user.email ${githubに登録しているメールアドレス}

# ssh-key作成(なんか色々聞かれるけどとりあえずエンターキー連打でおk)
ssh-keygen -t rsa

# 作成した公開鍵を確認
cat ~/.ssh/id_rsa.pub

ブラウザからGithubのSettingsを開き、ssh-keyの登録をする
image.png

Titleはwsl-keyなど適当につける
Keyはさっき確認した公開鍵をコピペして貼り付ける
image.png
Add SSH KeyでSSHの公開鍵登録を完了する

VSCodeのターミナルに戻り、SSH接続ができるか確認する

# 初回接続時はなんか聞かれるけどyesでおk
ssh -T git@github.com
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?