Closed8

VSCode x GCPでリモート開発環境 メモ

みなみんみなみん

流れ

GCPの環境が出来ていてSSHによるアクセスができる前提で進める。

  1. GCPの環境を確認する
  • SSHでのアクセス方法とか
  • 秘密鍵の場所とか
  1. VSCodeの拡張機能をインストール
  2. 構成ファイルの編集
  3. 接続
みなみんみなみん

GCPの環境を確認する

  • ホスト名
    • 外部IPアドレス
  • ユーザー名
    • メタデータのSSH認証鍵で登録しているユーザー名
  • 秘密鍵の場所
    • ホームディレクトリの.sshディレクトリにて作成してあるはず
みなみんみなみん

VSCodeの拡張機能のインストール

拡張機能の検索欄で"Remote"まで打ってもらえるとRemote Developmentの拡張機能パックがある。
それをインストールする。

みなみんみなみん

構成ファイルの編集

  1. 左側のドック、「リモートエクスプローラー」にて、SSHターゲットを選択。
  2. 「SSHターゲット」の歯車をクリック。
  • ここではC:\Users\[ユーザー名]\.ssh\configを選択。
  1. 以下のように入力する
Host [適当な名称]
     HostName [GCPの外部IP]
     User [ユーザー名]
     IdentityFile [秘密鍵のパス]
  • Host
    SSHターゲットを選択する際の表示名。分かりやすい名前にするといいかも。
  • HostName/User
    デフォルトである程度まで入力されているので[GCPの外部IP][ユーザー名]の部分を打ってもらう形になる。
  • IdentityFile
    これはデフォルトで記述されていないので追加する。IdentityFile
    そして[秘密鍵のパス]の部分に秘密鍵のパスを入力。
    これらを入力した場合の例
Host GCP
     HostName xx.xxx.xxx.xxx
     User minamin
     IdentityFile C:\Users\xxx\.ssh\id_rsa
みなみんみなみん

接続

  1. 左側ドック、「SSHターゲット」で指定した名称のものを選択。
    (右クリックから現用ウィンドウでホストに接続するor新規ウィンドウでホストに接続する指定が可能)
  2. (初回のみ)接続先(GCP)の環境を選択
    Linux,Windows,macOSの3択
  3. SSHのパスワードを入力
みなみんみなみん

メリットとか

リモート開発にするメリット

  • どのデバイスからでも同一の環境で学習/開発が可能。
  • Linux環境でのテストが可能
  • コードの実行環境において、ローカルでの環境構築が不要(VSCodeだけあればOK)

VSCodeでリモート開発するメリット

  • viでの編集よりも圧倒的に楽
    • ちょっとした編集はviでいいのかもしれない。
  • ディレクトリの管理も楽
  • エディタとターミナルが一体型になっている
  • ファイルのアップロード/ダウンロードが楽
このスクラップは2022/09/24にクローズされました