Skip to content
Twitter
edu-IT Practical Labo
【名古屋】
edu-IT Practical Laboedu-IT Practical Labo
  • Home
  • Blog
  • Services
    • Programming Typing
    • Basic WEB-TECH Lesson
    • IT-SKILL Training
  • Contact
 
  • Home
  • Blog
  • Services
    • Programming Typing
    • Basic WEB-TECH Lesson
    • IT-SKILL Training
  • Contact

VisualStudioCodeでRemoteWSL拡張機能を使うための初期設定

You are here:
  1. Home
  2. edu-IT
  3. Visua…
11月282021
edu-ITIT knowledge

VSCodeで開発をしてみたいけれど、どんな設定をすれば良いかわからないという方、必見です!
 
今回紹介する「RemoteWSL + VSCodeで環境構築の設定」ですが、設定をしておくことで何が便利になるのでしょうか?

VSCodeで開発をする際に、設定(RemoteWSLの拡張機能を入れておく)をしておくと、Windows上での作業でありながらターミナルタブを開けば標準的な開発環境を開いて作業することができます。

 
コマンドプロンプトやPowerShellではできないbash操作もWSL(Windows Subsystem for Linuxの略で、Windows上でLinuxを利用できるツール)ならできるようになるので、VSCodeでgit(bash)を使う場合にも開発しやすくなると思います。
 
設定してリモートコンテナを利用できるようにしておけば、パッケージをインストールしたり、デプロイ作業などのコマンド操作もできるようになるので、設定しておいて損はないと思います!

 

Contents

  • 1 ・RemoteWSLとは?
  • 2 1. 仮想化機能の有効化
  • 3 2. カーネル更新パッケージのインストール
  • 4 3. Linuxディストリビューション(Ubuntu)のインストール
  • 5 4. Visual Studio CodeでRemoteWSL拡張機能をインストール

・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 #名古屋

Category: edu-IT, IT knowledgeBy semi3del2021年11月28日Leave a comment
Share this post
Share with Google+Share with FacebookShare with Twitter

Author: semi3del

Post navigation

PreviousPrevious post:Pythonフレームワーク「Streamlit」の基礎~2次元の表を基にグラフ描画&データ可視化してみようNextNext post:Pythonで学び直す数学【統計編】~統計指標の求め方/度数分布表を描画してみよう

Related Posts

CodeSandboxでReactのTodoリストを作成してみよう
2025年3月31日
GitHub Actions入門~Cloud9でGitHub ActionsのHelloWorldを実行してみよう
2023年11月28日
Web APIをPythonで使ってみる~Fast APIの基礎
2023年9月25日
FigmaからReactのコード生成するプラグインを使ってUIコンポーネントを作成してみよう
2023年7月4日
CodeSandboxでReactのUIコンポーネントを作成してみよう
2023年5月10日
TypeScriptで「Hit&Blowゲーム(数字当て処理の実装)」を作ってみよう
2023年3月10日

コメントを残す コメントをキャンセル

Your email address will not be published. Required fields are marked *

Post comment

最近の投稿
  • CodeSandboxでReactのTodoリストを作成してみよう
  • Pythonライブラリ「Scrapy」でスクレイピング~Webサイトからデータを取得してみよう
  • CodeSandboxでReactのフォーム部品を操作してみよう
  • はじめてのLambda~関数のサンプルを作ってみよう
  • Canva入門~テンプレートでプレゼン資料を作成してみよう
アーカイブ
  • 2025年3月
  • 2025年1月
  • 2024年11月
  • 2024年9月
  • 2024年8月
  • 2024年6月
  • 2024年4月
  • 2024年1月
  • 2023年11月
  • 2023年9月
  • 2023年7月
  • 2023年5月
  • 2023年3月
  • 2023年1月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年6月
  • 2022年5月
  • 2022年3月
  • 2022年1月
  • 2021年11月
  • 2021年9月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年11月
  • 2020年9月
  • 2020年6月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2017年7月