演習 - Visual Studio Code UI で Remote - Tunnels を有効にする

完了

この演習では、Visual Studio Code UI を使用して Remote - Tunnels へのアクセスを有効にします。

Remote - Tunnels 拡張機能をインストールする

1. Visual Studio Code を起動し、TestUI フォルダーを開きます。

   

2. Visual Studio Code で [拡張機能:マーケットプレース] に移動し、次の手順で Remote – Tunnels 拡張機能をインストールします。

   1. ウィンドウの横にあるアクティビティ バーで、拡張機能アイコンを選択します。
   2. Remote - Tunnels を検索します。
   3. [インストール] を選択します。

   

3. Visual Studio Code を再起動するように求められた場合は、再起動してください。

4. Visual Studio Code のアカウント画像を選択し、[Turn on Remote Tunnel Access]\(リモート トンネル アクセスをオンにする\) を選びます。

   

5. [Turn on for this session]\(このセッションに対してオンにする\) を選択します。

   

6. サインインするように求められます。

   

7. サインインすると、現在のマシンでトンネルが起動し、このマシンへのリモート接続が許可されます。

8. トンネル リンクのポップアップで [ブラウザー リンクをクリップボードにコピーする] を選択して保存します。

   後で使用するために、リンクを自分に電子メールで送信したり、セキュリティで保護されたオンライン ドキュメントに保存したりできます。

   

9. 別のコンピューター (クライアント) を選択して移動し、リンクを取得します。 ブラウザーから、前の手順で使用したトンネル リンクを貼り付けます。

   "クライアント" とは、Web ブラウザーを実行でき、電話、タブレット、別のコンピューターなどのインターネット にアクセスできる任意のデバイスです。

10. トンネルの起動に使用したアカウントを確認し、コーディングを開始します。

    

    

vscode.dev に移動すると、ブラウザーでフル稼働している Visual Studio Code の軽量バージョンにアクセスできます。 このバージョンは、Web 用 Visual Studio Code (または vscode.dev) と呼ばれます。 この手順では、ローカル マシン上のフォルダーを開き、インストールせずにコーディングを開始できます。

注

リモート マシンへは、Visual Studio Code の実行中にトンネル経由でのみアクセスできます。 Visual Studio Code を終了した後は、Visual Studio Code をもう一度起動するか、コード トンネル CLI コマンドを実行するまでトンネリングすることはできません。