- VSCodeのインストール
- Ubuntu(Linux環境)インストール
- WSLとの接続
- GitHub設定
- 設定でAuto SaveをafterDelay
- プラグインの導入
VSCodeのインストール
![](https://www.agile-software.site/wp-content/uploads/2021/07/vscode_install-1024x536.png)
Linux環境構築
windows機能の有効化
windowsの機能からLinux用Windowsサブシステムにチェックを入れます。
![](https://www.agile-software.site/wp-content/uploads/2021/07/windowの機能-1.png)
コマンドラインからインストールすることもできます。
wsl --install
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
Linux カーネル更新プログラム パッケージをダウンロードする
Ubuntuインストール
Microsoft storeからUbuntuをインストールします。
![](https://www.agile-software.site/wp-content/uploads/2021/07/ubuntu-1024x796.png)
ユーザー名とパスワードを入力します。
![](https://www.agile-software.site/wp-content/uploads/2021/07/ubuntu設定.png)
WSL2を規定のバージョンとして設定する
wsl --set-default-version 2
WSLとの接続
WSLとはWindows上でLinuxを動かすための機能
Microsoft製のIDEであるVScodeにRemote Developmentという機能が追加されたことでVScodeを使ってWSLで開発できるようになりました。
- Remote Development
- Remote – WSL
をVSCodeでインストールして
WSL2
表示>コマンドパレットからWSLを入力しRemote-WSL:New WSL Window using Distroを選択
Ububtuが表示されるので選択
この表示が出ていればリモートでWSLに接続できているということです。
これでWindows側からVScodeを使って開発ができるようになりました
GitHub設定
VSCodeのターミナルにおいて
git config --global user.name "GitHubアカウント"
git config --global user.email "メールアドレス"
リポジトリ作成
画面右上のNew repositoryから新しいリポジトリを作成し、create a new repository on the command lineのコマンドをコピーしVSCodeのターミナルに張り付ける。
![](https://www.agile-software.site/wp-content/uploads/2021/05/github2-1024x504.png)
ソース管理→commit→チェックマーク→でVSCodeで変更した内容がGitHubに登録されていることが分かります。
プラグインの導入
日本語設定
サイドバーの「Extensions」の検索ボックスから、「Japanese Language Pack」と検索してください。
![](https://www.agile-software.site/wp-content/uploads/2023/07/p4-3.png)
表示された Extensions の一覧の中から「Japanese Language Pack for Visual Studio Code」を選択し、インストールします。
![](https://www.agile-software.site/wp-content/uploads/2023/07/p4-5.png)
インストールが完了したら再起動を行います。完了後に画面右下に「Restart」と表示されるのでクリックしてください。
![](https://www.agile-software.site/wp-content/uploads/2023/07/p4-8-1.png)
再起動後、日本語表記になっていると思います。
![](https://www.agile-software.site/wp-content/uploads/2023/07/p4-10.png)
「表示」 メニューの中の 「コマンドパレット」 メニューをクリックしてコマンドパレットを表示します。
コマンドパレットで display と入力してください。「表示言語を構成する(Configure Display Language)」をクリックし、表示された言語の中から「日本語」を選択します。
![](https://www.agile-software.site/wp-content/uploads/2023/07/p4-13.png)
その他
ファイル名がグレー
git等のソース管理の対象外になっている