0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【ペアプロ】VS Code + Live Share の始め方

Last updated at Posted at 2021-03-06

Live Share でできること

  1. ソースの共同編集
  2. ターミナルの共有
  3. ローカルサーバーの共有

などなど...
ペアプログラミングに最適です!

1. 共有したいフォルダを開いておく

あらかじめ共有したいフォルダを開いておきましょう。

2. 拡張機能をインストール

スクリーンショット 2021-03-06 23.08.12.png

3. Live Share 起動

少しわかりづらいところにありますが、ステータスバー左下に「Live Share」という項目が出てくるので、これをクリックすると起動できます。
スクリーンショット 2021-03-06 23.08.24.png

4. Github か Microsoft にサインイン

サインインしていない場合は、Github か Microsoft へのサインインを(これまたわかりづらいですが)要求されるので、どちらかでサインインしてください。
スクリーンショット 2021-03-06 23.08.36.png

「Allow」を押してブラウザを開きます。
スクリーンショット 2021-03-06 23.08.44.png

5. Github だとこんな感じ

「Continue」をクリック。
スクリーンショット 2021-03-06 23.08.53.png
「Authorize github」をクリック。
スクリーンショット 2021-03-06 23.08.59.png

6. サインイン完了 & セッション起動

サインインが完了するとセッションが起動されます。
右下に添付画像のようなメッセージが出てくると開始の合図で、これが出てきた時点でクリップボードにシェア用のリンクがコピーされてるとのことなので、それをシェアする相手に送りましょう!
スクリーンショット 2021-03-06 23.09.42.png

7. その後

  • セッションを終了したい
  • 拡張機能インストール済み、サインイン済みで、シェアを再開したい

などは、基本的にステータスバーの「Live Share」ボタンを押せばOK。メニューが出てきます。

公式サイト

0
3
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?