「Visual Studio Codeでリモート開発」の版間の差分
提供: Eospedia
(→リモートサーバーにつなぐ) |
(→リモートサーバーにつなぐ) |
||
行9: | 行9: | ||
== リモートサーバーにつなぐ == | == リモートサーバーにつなぐ == | ||
− | * | + | * 詳しくは公式を参照ください |
− | ** | + | ** 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
インストール
- (2019年5月17日現在)Visual Studio Code のinsider版を使用すること
- 拡張機能 "Remote Development" by Microsoftをインストールする
リモートサーバーにつなぐ
- 詳しくは公式を参照ください
ローカルのVSCodeでREMOTE-SSH拡張機能ウィンドウをクリックすると、$HOME/.ssh/configに登録してあるホスト一覧が表示される。
ssh接続したいホスト名を右クリックして、現在のウィンドウと新規ウィンドウのどっちで接続するか選択し、接続する。
UIはローカルのVSCode。でも開いてるフォルダも実行環境も拡張機能もシェルも、リモートのVSCode。まさしくこの機能が昔から欲しかった。ありがとうMicrosoft。