4
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ラズパイのコード編集にVisual Studio CodeのRemote Developmentを使ってみる

Last updated at Posted at 2020-03-18

ラズパイで簡単なコードを書くときに、Windows上からラズパイにTeraTermなどでログインしてviを使っていたのですが、どうもしっくりこない。
で、ssh経由で直接ファイルをいじれるエディタがないかなと検索したらVSCodeでできるみたいなので試してみました。

ラズパイにubuntuをインストールしているので、以下の画面はubuntuになっていますが、Rasbianでも同じ操作でいけるはずです。

今回は認証カギを使っていませんが、使えば接続の部分はもう少し簡単にいけるかも。

VSCodeにRemote Developmentをインストール

Extensionsから『Remote Development』を検索してインストールします。
remoto.png

インストールし終わると左下に緑色の『><』というアイコン(?)が出てくるのでクリックします。
remoto3.png

クリックすると、赤枠のような選択肢がでてきますので『Remote-SSH: Open COnfiguration File...』を選択します。

remoto4.png

どこの設定ファイルを開くか聞かれるので、赤枠のように設定ファイルの選択に変わります。
今回は、自分の.ssh/configを修正します。

remoto5.png

ファイルを開くと以下のような形になりますので、Host,Hostname,Userを自分の環境に合わせて修正します。
接続先が複数ある場合は同じように、追記していきます。

remoto6.png

設定ファイルを保存した後に左側のアイコンからリモートエキスプローラを選択し、上のTargetでSSH Targetsを選択します。

remoto7.png

そうすると、設定ファイルに記述したHostと同じものが表示されますので、赤枠で囲んだところをクリックします。

remoto7.png

新しいVSCodeのウィンドウが開いてパスワードを求められるので、パスワードを入力すると接続します。

remoto8.png

接続が完了すると左下の緑の部分に接続先のホスト名が表示されます。

remoto9.png

その状態でファイルを開くとすると、リモート先のホームディレクトリが見えます。

remoto10.png

ここで、ファイルを選択するとリモート先のファイルが開けますし、新規ファイルを作って、保存すると保存先がリモート先のフォルダとなります。

4
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?