LoginSignup
8
0

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.

@ryurock(Ryusuke Kimura)in株式会社ビザスク

VSCode LiveShareをブラウザから実行する方法

Last updated at Posted at 2020-07-07

VSCode LiveShare 機能にPreview版でブラウザでのlive shareが可能になりました!!

その手順をまとめたいと思います。

参考にしたサイト

環境

  • MaxOSX
  • Chrome

注意事項

  • Preview版なので変わる可能性があります

事前準備

  • VisalStudioCodeがInstallされていること
    • 共有をする側(Hostは必要で共有される側は必要ありません)

やり方

0. LiveShare Extension Packをインストールする

Live Share Extension Pack
をインストールして下さい

1.png

1. Visal Studio Codeで共有したいprojectを開く

ファイル > ワークスペースを開く

1.png

2. コラボレーションリンクをコピーする

コラボレーションリンクをコピーした後にzoomなりSlackなりにコラボレーションリンクを貼り付けてVSCodeで共同作業をしたい人にURLを共有してください。

1.png

3. コラボレーションリンクからブラウザ用のリンクを押す

1.png

4. ブラウザからVSCode LiveShareが開けていることを確認する

1.png

最後に

ブラウザでVSCodeが開けるなんて便利な世の中になりましたね。本当に。。。

8
0
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
Sign upLogin
8
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?