VSCodeでsshするわよ!
背景
VSCodeでsshできることは知っていたのですが,実際にやってみたことがなかったので試してみました.
環境
OS: macOS(intel)
拡張機能のインストール
sshを使うには拡張機能をインストールする必要があります.ありがたいことに方法が公式ドキュメントにありましたので,この通り進めていきます.
必要なのはRemote Development
という拡張機能のみです.
ネットでぐぐってみるとRemote SSH
という拡張機能をインストールしている記事が多かったのですが,Remote Development
は
Remote SSH
Remote Containers
Remote WSL
の3つの拡張機能も自動でインストールします.
そして,sshするのにはRemote SSH
を使うのでどちらをインストールしても違いはありません.
ではインストールしていきます.VSCodeの拡張機能インストールのところを開いて,Remote Development
と打ち込むと一番上に出てくるので,インストールボタンをポチります.
インストールすると
Remote SSH
Remote Containers
Remote WSL
の3つとも自動でインストール済になったのが確認できます.
リモートサーバーの準備
今回はAWSのEC2をssh先のリモートサーバーにしました.細かい設定などは割愛します.
EC2インスタンスを立てれたら,キーペアでsshできることを確認しておきます.
$ ssh ec2-user@x.x.x.x -i ~/.ssh/ec2-key.pem
またpemファイルは~/.ssh
の配下に移動させておきます
sshしてみる
VSCodeでCommand + Shiiift + p
でコマンドパレットを開きます.
ssh new
と入力して,Remote - SSH: Add new SSH Host
というサジェストで表示されるのをポチります.
sshするときのコマンドを入力してEnterを押します.
ssh ec2-user@x.x.x.x -i ~/.ssh/ec2-key.pem
次はどのssh設定ファイルを更新するのかを選択します.
だいたいの方は一番上の/Users/[ユーザー名]/.ssh/config
を選択すると思います.
設定完了後,設定ファイルをみてみると,コマンドパレットで設定した内容が追記されていることがわかります.
Host x.x.x.x
HostName x.x.x.x
User ec2-user
IdentityFile ~/.ssh/ec2-key.pem
再びVSCodeに戻ってきてCommand + Shiiift + p
でコマンドパレットを開き,remote ssh connect
と入力し,一番上のRemote - SSH: Connect to Host ...
をポチります.
するとssh先をどれにしますかというのが表示されるので,x.x.x.x
を選択します.
新しいウィンドウが立ち上がって,ssh接続完了です.
フォルダをみると.vscode-serverというディレクトリが自動作成されるみたいです.
つまづくところもなく,簡単にできました.最近のVSCodeは何でも出来て素晴らしいですね!
Discussion