LoginSignup
2
1

More than 3 years have passed since last update.

VScode liveshere

Last updated at Posted at 2020-12-04

まずはじめに

今回、業務でペアプロをすることになり、VScodeのliveshereが便利だったので紹介したいと思います。

用意するもの

①エディタ:VScode
→liveshereのプラグインを導入します
https://visualstudio.microsoft.com/ja/services/live-share/

②Githubアカウント or Microsoftアカウント
ログイン方法:[Live Share] ステータス バーの項目をクリック
→サインインを求める通知が来ると思うので、そこからログインができると思います
image.png

ディレクトリを共有する人

VScodeの左にメニューバーのようなものがあると思います。
そこから、先程導入した、LiveShereを選択してください。
すると、セッションの詳細の下に、「共有(読み取り/書き込み)」があり、クリック後「コラボレーション リンクをコピー」から、共有するためのURLを作成します。
作成したURLを一緒に開発する人に共有してみてください。
(スクショの「共有(読み取り専用)」にすると、相手は書き込むことができないので、もし自分のコードを触られたくない場合はそちらを選択してください)

Menubar.pngスクリーンショット_2020-12-04_11_26_01.png

参加する人

共有するひとから、URLをもらいアクセスします。すると、ブラウザ側で、「VScodeで開く」などのポップアップがでてくるとおもうので、VScodeを開いてください()

すると、自分のローカルにあるVScodeではなく、相手の共有したいディレクトリ配下のVScodeを開くことができます。

2
1
0

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
2
1