Help us understand the problem. What is going on with this article?

[Visual Studio Code] SSHでリモー トコーディング

0. 目的

Raspberry Piのストレージに保存されているソースコードをリモートで編集

1. 環境

[接続元]

  • OS : windows10 home(バージョン : 1909, OSビルド : 18363.959)
  • エディタ : Visual Studio Code(バージョン : 1.47.3)

[接続先]

  • 端末 : Raspberry Pi 4 Model B 4[GB]
  • OS : Raspbian(buster)

2. 方法

2_1. 秘密鍵と公開鍵の設定

[接続元]

  • コマンドプロンプトを起動
  • ssh-keygen -t rsa -b 4096 を実⾏
  • 以降は画像の通りに進める

2

  • 「C:\Users\[ユーザ名]\.ssh」に「id_rsa」(秘密鍵)と「id_rsa.pub」(公開鍵)が⽣成され ているか確認
    • dir /b C:\Users\[ユーザ名]\.ssh を実⾏
    • 「id_rsa」と「id_rsa.pub」の2つを確認
  • 「id_rsa.pub」をscpなどを⽤いて接続先に転送(以降は「id_rsa.pub」を接続先のユー ザのホームディレクトリに転送した場合で説明する)

[接続先]

  • ユーザのホームディレクトリ直下に「.ssh」ディレクトリを作成(既にある⼈はやらなくてもよい)
    • mkdir ~/.ssh
  • 「~/.ssh」に「authorized_keys」を作成し、転送された「id_rsa.pub」の中⾝を追記。その後、「id_rsa.pub」を削除
    • cat ~/id_rsa.pub >> ~/.ssh/authorized_keys
    • rm ~/id_rsa.pub
  • パーミッションの変更
    • chmod 600 ~/.ssh/authorized_keys
    • chmod 700 ~/.ssh

2_2. Remote-SSHの設定

[接続元]

  • VScodeを起動
  • 画像の操作を実⾏し、「Remote-SSH」をインストール

1

  • インストール後、VSCodeの左下に「><」マークが出現することを確認

10

  • 「><」マーククリックし、「Remote-SSH: Connect to Host...」を選択
  • 「+Add New SSH Host...」を選択し、接続先のホスト名もしくはIPアドレスを⼊⼒(任意の名前でも可)
  • 「C:\Users\[ユーザ名\.ssh\config」を選択し、右下のダイアログから「Open Config」をクリック
  • configファイルが⾃動で開くため、画像のように編集し、保存

5

  • 「><」マーククリックし、「Remote-SSH: Connect to Host...」を選択
  • 先ほど設定したホスト名を選択
  • 2_1. 秘密鍵と公開鍵の設定で設定したパスワードを⼊⼒(パスワード⼊⼒の前に接続先の OSを聞いてくる場合があるかも)
  • 「><」マークの部分に設定したホスト名が表⽰されていれば接続完了

12

  • VSCode左上のファイルマークをクリックし、「Open Folder」を選択

8

  • 編集したいファイルを選択するとVSCode上で接続先のファイルを編集できる

9

nram
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away