「Visual Studio Codeでリモート開発」の版間の差分

提供: Eospedia
移動: 案内検索
(リモートサーバーにつなぐ)
(リモートサーバーにつなぐ)
行20: 行20:
 
ssh接続したいホスト名を右クリックして、現在のウィンドウと新規ウィンドウのどっちで接続するか選択し、接続する。
 
ssh接続したいホスト名を右クリックして、現在のウィンドウと新規ウィンドウのどっちで接続するか選択し、接続する。
  
[[File:vscode-remote2.png|x500px]]
+
[[File:vscode-remote3.png|x500px]]
  
  

2019年5月17日 (金) 13:10時点における版

Remote Development

インストール

  • 拡張機能 "Remote Development" by Microsoftをインストールする

リモートサーバーにつなぐ


ローカルのVSCodeでREMOTE-SSH拡張機能ウィンドウをクリックすると、$HOME/.ssh/configに登録してあるホスト一覧が表示される。

vscode-remote1.png


ssh接続したいホスト名を右クリックして、現在のウィンドウと新規ウィンドウのどっちで接続するか選択し、接続する。

vscode-remote3.png


UIはローカルのVSCode。でも開いてるフォルダも実行環境も拡張機能もシェルも、リモートのVSCode。まさしくこの機能が昔から欲しかった。ありがとうMicrosoft。

ローカルのDockerコンテナにつなぐ

リモートサーバーの中のDockerコンテナにつなぐ