Visual Studio Codeにサーバーの中で直接作業できるRemote Developmentをインストールしてみた
注意
この中の記述はVisual Studio Code(以下VSC)の1.35.0以上が必要です gyazo.com
インストールするVSC拡張
Remote Developmentを用いると、SSHなどを使ってサーバーやコンテナにログインして、その中で作業ができるようになります。 詳しくは窓の杜の記事を読んで下さい。 「Visual Studio Code」でリモート開発 ~Microsoftが新しい拡張機能パックをリリース - 窓の杜
インストール
Remote Developmentの拡張検索します。
インストールします。どうやら3つの「Remote - SSH」「Remote - Containers」「Remote - WSL」をまとめたものらしいです。 gyazo.com
インストールした拡張をクリックしてみると.ssh/configファイルに記述しているドメイン一覧が表示されます gyazo.com
サーバーを選んでクリックすると新しいウィンドウが開いてSSH接続を開始します。この時にサーバーに/.vscode-serverがインストールされる模様です。 gyazo.com
ログインすると左下に「SSH:サーバー名」が表示されます。 gyazo.com
フォルダーを開くと、サーバー内の任意のディレクトリを選択することができます。 gyazo.com
サーバー内の任意のディレクトリでgitや補完、ファイルの参照などもストレスなく操作することが可能になります。また、ターミナルを開くとちゃんと、そのディレクトリで開いてくれます。便利すぎでしょ。 gyazo.com
.configの書き方
windowsの場合、C:Users\ユーザー名\.ssh\.config
を作成することをおすすめします。
Macの場合、~/.ssh\.config
になります。
TCPKeepAlive yes Host hoge HostName hoge.com User matatsuna IdentityFile C:\Users\matatsuna\.ssh\hoge_rsa Host fuga HostName fuga.net User fuga IdentityFile C:\Users\fuga\.ssh\fuga_rsa
このファイルを書くとVSCのサーバー選択に出てくるだけでなく、power shellなどで、
> ssh hoge
でログインできるようになります。 詳しくは下記を参照して下さい。