VSCodeで開発をしてみたいけれど、どんな設定をすれば良いかわからないという方、必見です!
今回紹介する「RemoteWSL + VSCodeで環境構築の設定」ですが、設定をしておくことで何が便利になるのでしょうか?
VSCodeで開発をする際に、設定(RemoteWSLの拡張機能を入れておく)をしておくと、Windows上での作業でありながらターミナルタブを開けば標準的な開発環境を開いて作業することができます。
コマンドプロンプトやPowerShellではできないbash操作もWSL(Windows Subsystem for Linuxの略で、Windows上でLinuxを利用できるツール)ならできるようになるので、VSCodeでgit(bash)を使う場合にも開発しやすくなると思います。
設定してリモートコンテナを利用できるようにしておけば、パッケージをインストールしたり、デプロイ作業などのコマンド操作もできるようになるので、設定しておいて損はないと思います!
Contents
・RemoteWSLとは?
VS Codeでは近頃、「Remote Development」という機能が追加されました。
これによって、ローカルで動いているVS Codeからリモートで別な環境に接続して開発を行うことができるようになります。
Remote DevelopmentのうちWSL(Windows Subsystem for Linuxの略で、Windows上でLinuxを利用できるツール)で接続するものは特にRemote-WSLと呼ばれます。
VS CodeでWSL上のリモートコンテナを使用する為には、以下のような前準備が必要になります。
・Windows10でWindowsUpdateを最新化
・VS Codeのインストール・【今回紹介】WSL 2のインストールガイドに従ったWSL 2の有効化
・【今回紹介】Microsoft Storeから「Ubuntu」(または他のLinuxディストリビューション)を選択し、インストール
それでは、VSCodeでRemoteWSL拡張機能を使うにあたって行う初期設定(Windows10版)の実行環境セットアップについて実際にみていきましょう。
1. 仮想化機能の有効化
[コントロールパネル>> プログラム>> Windowsの機能の有効化または無効化] からWindows設定のウィンドウを開き、・Linux用Windowsサブシステム
・仮想マシン プラットフォーム
の2つにチェックを付けます。
2. カーネル更新パッケージのインストール
WSL2Linux カーネルの更新ページ(https://aka.ms/wsl2kernel)から、WSL2用Linuxカーネルプログラムパッケージをダウンロードして、インストールします。
Windows PowerShell を管理者権限で開き、「wsl –set-default-version 2」とコマンド入力します。
*上記のLinuxカーネルをインストールしていない場合にコマンドを入力すると、インストールするURLを含むメッセージが表示されます。
3. Linuxディストリビューション(Ubuntu)のインストール
次は、Microsoft Storeにて「(ここでは) Ubuntu 20.04 LTS」 をインストールします。
*追加で Windows terminal もインストールしておくのがオススメです。
Ubuntuを起動します。最初の起動には1,2分かかることもあります。
はじめにユーザー名とパスワードを設定して、以下のように表示されれば、インストール成功です。
4. Visual Studio CodeでRemoteWSL拡張機能をインストール
1~3までの手順を実施した後にVSCodeを起動すると、以下の赤枠のポップアップが表示されます。
このときインストールを選択します。
RemoteWSL拡張機能がインストールされることを確認します。
Visual Studio Codeはプログラミングに特化したエディタとして大変便利で人気があります。
このエディタで開発をしてみたいと考えている方は、この機会に標準の開発環境が得られる「RemoteWSL拡張機能」を使う設定をしておいて損はないと思います。
以上となります。
#edu-IT #名古屋