演習 - Visual Studio Code for the Web を使用する

完了

外出先でコーディングを始める前に、初めて使用する Visual Studio Code for the Web について理解しておく必要があります。

この演習では、VS Code for the Web のインターフェイスについて調べ、拡張機能のインストールを練習します。

vscode.dev に移動する

最初に、VS Code for the Web のインターフェイスについて調べます。

1. ブラウザーで、https://vscode.dev に移動します。

2. ブラウザーでのエクスペリエンスは、VS Code Desktop のエクスペリエンスの場合に見覚えがあるものです。 たとえば、エディター領域、コマンド パレット、サイド バー上のソース管理エクスプローラーや拡張機能などの複数のビューがあります。 このインターフェイスは、ブラウザーで作業するときに一貫したエクスペリエンスを実現します。

   

拡張機能のインストール

ここで、拡張機能をインストールすることで VS Code for the Web をカスタマイズできます。

1. サイド バーで、[拡張機能] ビューをクリックします。

   

2. ここから、既にインストールされている拡張機能を確認したり、その他の拡張機能を参照したりできます。

3. "github テーマ" を検索して GitHub テーマ拡張機能をインストールしてみる

4. GitHub テーマ拡張機能を選択し、[インストール] をクリックします。

   

5. 拡張機能がすべてブラウザー内でインストールされる速さに注目してください。

上出来 VS Code for the Web の最初のナビゲーションが完了しました。 今回 https://vscode.dev を初めて参照する場合は、VS Code Desktop を使用した場合に見覚えがあるものであるはずです。

次のセクションでは、VS Code for the Web でリモート リポジトリを操作する方法について説明します。