メインコンテンツまでスキップ

Visual Studio Code のインストール

Visual Studio Code のインストール方法​

Visual Studio Code(VS Code) は、Microsoft 社 が開発しているフリーかつオープンソースなソースコードエディタです。様々な便利な拡張機能があり、多くの開発者に使われています。

ここでは、Visual Studio Code のインストール方法について簡単に説明します。

次の動画を見ながら、インストールしてください。

WSL 拡張機能のインストール方法（Windows のみ）​

ここでは、VSCode から WSL 上のファイルに簡単にアクセスできる WSL 拡張機能のインストール方法を紹介します。

WSL をインストールの項を参考に WSL をインストールしておいてください。

下記の動画を参考に VSCode で拡張機能を検索して、 Remote WSL 拡張機能をインストールしてください。

プロジェクトフォルダの開き方​

VSCode ではプロジェクトフォルダは次の動画のようにして開きます。プロジェクトフォルダに様々なファイルを作って開発をしていくことになります。

WSL 上のプロジェクトフォルダの開き方（Windows のみ）​

WSL の起動は、次の動画のようにします。

左下の緑のボタンを押して、New WSL Window をクリックすれば、WSL 上のファイルにアクセスすることができます。

次の動画のようにすることで、新しくプロジェクトフォルダを作成して、それを VSCode で開くことができます。

エクスプローラーのアドレスバーに ¥¥wsl$ と入力すると、WSL 上のファイルを表示することができます。さらに、Ubuntu、home、ユーザー名 の順にクリックしていくことでホームフォルダに移動することができます。

その後、VSCode でそのフォルダを開きます。

ターミナルの起動方法​

ターミナルは、次の動画のようにして開くことができます。これで UNIX コマンドを使うことができます。