ablog

不器用で落着きのない技術者のメモ

VSCode の Remote - SSH で EC2 上のファイルをリモート編集する

VSCode の Remote - SSH 拡張機能をインストールして、VSCode から EC2 上のファイルを直接編集できるようにした手順。

インストール

  • VSCode を起動する
  • 左メニューの [Extensions] をクリックし、"remote" で検索し、Remote SSH を選択。
  • [Install] をクリックしてインストール。
  • インストールが完了すると、左メニューに [Remote Explolrer] アイコンが表示される。

f:id:yohei-a:20200707065916p:plain

設定

  • 左メニューの [Remote Explolrer] をクリック。
  • [SSH TARGETS] の歯車アイコンをクリック。
  • 設定ファイル(macOS の場合、/Users/<ユーザー名>/.ssh/config など)を選択

f:id:yohei-a:20200707070124p:plain

  • EC2の接続情報を追記。
Host ec2-dev
  User ec2-user
  Port 22
  Hostname ec2-**-***-**-**.ap-northeast-1.compute.amazonaws.com
  IdentityFile ~/.ssh/mykey.pem
  TCPKeepAlive yes
  IdentitiesOnly yes

Remote SSH で EC2 にログイン

  • SSH TARGETS から ec2-dev をクリック。
  • 新しいウインドウが開き、ssh で接続される。

f:id:yohei-a:20200707071005p:plain

ファイルを編集

  • 左メニューの[Explorer]をクリック、[Open Folder]をクリック、ディレクトリを選択。
  • ファイルをクリックして開く。

f:id:yohei-a:20200707070907p:plain