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

提供: Eospedia
移動: 案内検索
(リモートサーバーにつなぐ)
(リモートサーバーにつなぐ)
行13: 行13:
  
  
ローカルのVSCodeでREMOTE-SSH拡張機能ウィンドウをクリックすると、$HOME/.ssh/configに登録してあるホスト一覧が表示される。
+
ローカル(Mac Mini)のVSCodeでREMOTE-SSH拡張機能ウィンドウをクリックすると、$HOME/.ssh/configに登録してあるホスト一覧が表示される。
  
 
[[File:vscode-remote1.png|x500px]]
 
[[File:vscode-remote1.png|x500px]]
行23: 行23:
  
  
UIはローカルのVSCode。でも開いてるフォルダも実行環境も拡張機能もシェルも、リモートのVSCode。まさしくこの機能が昔から欲しかった。ありがとうMicrosoft。
+
UIはローカルのVSCode。でも開いてるフォルダも実行環境も拡張機能もシェルも、リモート(Ubuntu)のVSCode。まさしくこの機能が昔から欲しかった。ありがとうMicrosoft。
  
 
== ローカルのDockerコンテナにつなぐ ==
 
== ローカルのDockerコンテナにつなぐ ==

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

Remote Development

インストール

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

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


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

vscode-remote1.png


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

vscode-remote3.png


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

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

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