4
6

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.

【個人的備忘録】ラズパイをVSCodeでリモートデバッグしてみた

4
Last updated at Posted at 2020-03-07

記事の背景

 今までラズパイにVSCodeをインストールして使っていた.しかし,あまりにももっさりするため,PC上のVSCodeからSSHでラズパイに接続してデバッグすることにした.
 ただし,ここでの方法はラズパイ3Bにて成功したことであり,その他のラズパイで動作するとは限らない.またラズパイZeroはCPUのアーキテクチャ的に非対応らしいので,ご理解いただきたい.

目標

ラズパイ起動→PCのVSCodeでラズパイに接続→リモート開発

ができるまで.

環境

  • メインPC

    • Windows10
    • VSCode Insiders(通常版は非対応ゆえ)
  • ラズパイ

    • Raspberry Pi 3B

    • Raspbian Buster

    • Python3.7

手順

ラズパイ側

以下,モニタ・マウス・キーボードを使って設定する.

1. ラズパイにRaspbian Buster をインストールしてセットアップする

色々な方が紹介されていると思うので割愛.

2. ラズパイをPCと同じネットワークに接続する

Wi-Fi接続の場合でいく.

3. ラズパイのIPアドレスを固定する

初期設定では動的IPなので静的IPにする.

以下のコマンドでdhcpcd.confを編集.

sudo nano /etc/dhcpcd.conf

末尾に以下のように記述する.
(your_ip_address)には設定したい固定IPを書く.ほかの機器に割り当てられていないIPアドレスを推奨.

interface wlan0
static ip_address=(your_ip_address)/24

リブートした後,タスクバーを見てしっかりと変更が反映されているか確認.
無題.png

4. SSHの設定を有効にする

以下のコマンドを実行

sudo raspi-config

5 Interfacing Optionsを選択
3.png

p2 SSHを選択し,はいを選択
4.png

The SSH server is enabled! 的な表示が出たらターミナルを閉じてよい.

念のため,Rebootする.

sudo reboot

 PC側

1. VSCode Insiders をインストールする

以下のリンクに移動し,Download for Windows をクリック.

ダウンロードされたファイルを開いて,インストーラに従ってインストールする.

2. VSCodeを日本語化する

この設定はお好みで

以下の手順で日本語化する.

左側のExtensions→検索ボックスにjapaneseと入力→Japanese Language Package選択→Install(画像はインストール済みの画面ゆえUninstallとなっている.)

再起動後,日本語になっている.
2.png

3. Remote-SSHプラグインをインストール

以下の手順でインストールする.
図2.png

インストール後,再起動

4. config ファイル編集

すると,右のタブに図のようなマークが追加されているので,クリック.

SSH TARGETSが表示されるので,歯車をクリック
図4.png

上のconfigファイルを開く
図5.png

以下のように情報を入力し,保存する.

Host:自由
HostName:さっき固定したIPアドレス
User:ラズパイのユーザID
図7.png

5. 接続

さっき設定した接続情報が追加されているので,図のアイコンをクリックする.
図8.png

すると,新しいウィンドウが出てくるので,フォームにラズパイのログインパスワードを入力する.

何度か尋ねられることがあるので,その都度パスワードを入力する.
また,バックエンドでaptやwgetが動いているようなので,Proxy環境で設定している人はプロキシ設定を見直すこと.
図9.png

成功すると,下図のような画面が出る.

フォルダーを開くでラズパイのフォルダにアクセスできる.
図11.png

以下はLチカのコードを書いたところ.
図13.png

実行もしっかりできた.

以上.

4
6
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
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?