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

提供: Eospedia
移動: 案内検索
(リモートサーバーにつなぐ)
(リモートサーバーにつなぐ)
行9: 行9:
  
 
== リモートサーバーにつなぐ ==
 
== リモートサーバーにつなぐ ==
* 制約(2019/5/17)
+
* 詳しくは公式を参照ください
** リモートはx86_64Linuxであること
+
** https://code.visualstudio.com/docs/remote/ssh
** 鍵交換によるパスワード無しログインが可能であること
+
  
  
行17: 行16:
  
 
[[File:vscode-remote1.png|x500px]]
 
[[File:vscode-remote1.png|x500px]]
 +
 +
 +
ssh接続したいホスト名を右クリックして、現在のウィンドウと新規ウィンドウのどっちで接続するか選択し、接続する。
 +
 +
[[File:vscode-remote2.png|x500px]]
 +
 +
 +
UIはローカルのVSCode。でも開いてるフォルダも実行環境も拡張機能もシェルも、リモートのVSCode。まさしくこの機能が昔から欲しかった。ありがとうMicrosoft。
  
 
== ローカルのDockerコンテナにつなぐ ==
 
== ローカルのDockerコンテナにつなぐ ==

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

Remote Development

インストール

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

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


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

vscode-remote1.png


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

vscode-remote2.png


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

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

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