1.21 jigowatts

Great Scott!

Visual Studio CodeでVisual Studio Live Share

概要

Visual Studio Live Shareがモブプログラミングに良さそうだってことでVisual Studio Code(以下VS Code)で早速試してみることにしました。とは言え、相手がいないのでPC二台用意して一人でLive Shareですよ(´¬’)bb
www.visualstudio.com

環境

PC#1 macOS High Sierra バージョン 10.13.4
PC#2 Windows 10
Visual Studio Code バージョン 1.23.1

準備

VS CodeのExtensionsでVS Live Shareをインストールしておきます。

f:id:sh_yoshida:20180601014755p:plain

PC#1 Mac

ステータスバーのSigh inをクリックするとブラウザが開きます。

f:id:sh_yoshida:20180601014801p:plain

MicrosoftアカウントかGitHubアカウントでサインインできるようですね。

f:id:sh_yoshida:20180601014858p:plain

今回はGitHubアカウントを選択。

f:id:sh_yoshida:20180601014910p:plain

連携できたようなのでVS Codeに戻ります。

f:id:sh_yoshida:20180601014932p:plain

ステータスバーが変わりましたね。
この状態でShareをクリックすると、クリップボードに招待用のリンクがコピーされます。

f:id:sh_yoshida:20180601014945p:plain

通知もでます。

f:id:sh_yoshida:20180601015008p:plain

Slackなどに張り付けてリンクを相手と共有しましょう。

PC#2 Windows

f:id:sh_yoshida:20180601015958p:plain

リンクにアクセスし、Live Share for VS Codeを開くをクリックします。

f:id:sh_yoshida:20180601020230p:plain

VS Codeが起動し通知が出るのでLaunch Sign inよりサインインします。
こちらも同じGitHubアカウントでサインインしてみました。

f:id:sh_yoshida:20180601020004p:plain

Live Share(PC#1 Mac側)

これでLive Share出来ました!
オレンジのカーソルと名前がPC#2側です。
一人でやってるんで、まったく意味がないのですが複数人で使うと楽しそうですね(・ω・´)

f:id:sh_yoshida:20180601015028g:plain

ターミナルもシェアできるぞ!

f:id:sh_yoshida:20180601015637p:plain

コマンド叩くと相手のターミナルにもぺろぺろ出力されます。

f:id:sh_yoshida:20180601015644p:plain

まずはLive Shareしてくれる人を探すところからだな(*>ω<)人