4
2

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 1 year has passed since last update.

Nordic nRF5340 PDKを使おう~nRF Connect for VS CodeをセッティングしてVisualStudioCodeで使う~

Last updated at Posted at 2022-03-27

Nordicがサポートするのエディタ・ビルドツールがSegger Embedded StudioからVisual Studio Codeに変更されます。
この為、Nordic nRF5340 PDKを使おう ~nRF Connect SDKをインストールしてSegger Embedded StudioでZephyr OSを使おう~
https://qiita.com/usashirou/items/e4759cdf172199d667fc
の続編として nRF Connect for VS Code のセットアップ方法をまとめました。

Video tutorials

nRF Connect for VS Codeをインストールする

https://www.nordicsemi.com/Products/Development-tools/nRF-Connect-for-VS-Code/Tutorials
最初に nRF Connect for DesktopnRF Command Line Tool をインストールします。
image.png

nRF Command Line Toolsをインストールする

最新のものをダウンロードしました。
https://www.nordicsemi.com/Products/Development-tools/nRF-Command-Line-Tools/Download?lang=en#infotabs
image.png
インストールを次へ次へで進めます。
image.png
スクリーンショット 2022-03-26 175643.png
image.png
image.png
image.png
image.png
スクリーンショット 2022-03-26 175809.png
スクリーンショット 2022-03-26 175824.png

nRF Connect for Desktopをインストールする

こちらも最新のものをダウンロードしました。
https://www.nordicsemi.com/Products/Development-tools/nRF-Connect-for-desktop/Download#infotabs
image.png
スクリーンショット 2022-03-26 175856.png
J-Linkなどのドライバをインストールします。
image.png
image.png
image.png
image.png
image.png
image.png
スクリーンショット 2022-03-26 180048.png
スクリーンショット 2022-03-26 180124.png
スクリーンショット 2022-03-26 180219.png
nRF Connect for Desktop を立ち上げます。
image.png

Toolcahin Managerをインストールする

nRF Connect を起動し、最初に Toolcahin Manager をインストールします。
image.png
Install をクリックします。
インストール完了後 Toolcahin ManagerOPEN をクリックします。
image.png

nRF Connect SDKをインストールする

クリックすると nRF Connect SDK のインストール画面になります。
ここで nRF Connect SDK を選定し Install をクリックします。(今回は最新のものをインストールしました)
image.png
Continue Installation をクリックします。
image.png

Visual Studio Codeをインストールする

Visual Studio Code をインストールしていない人はここでインストールします。
使用するOSに対応したインストーラーをダウンロードします。

https://code.visualstudio.com/download

スクリーンショット 2022-03-26 174732.png
次へ次へでインストールしていきます。
image.png
image.png
image.png
image.png
スクリーンショット 2022-03-26 174922.png
スクリーンショット 2022-03-26 175019.png
Toolcahin Manager から Open VS Code をクリックします。
image.png
スクリーンショット 2022-03-26 181347.png
Install missing Extensions をクリックし、必要なアプリケーションをインストールします。
image.png
セキュリティ警告が出たら アクセスを許可する をクリックします。
image.png
最後に Open VS Code をクリックします。
image.png
image.png
VS Code にすでに nRF Connect for VS Code がインストールされていますが無効になっている場合は有効にします。
image.png
セキュリティアイコンをクリックし、 信頼する をクリックして使えるようにします。
image.png
アクセス許可する
image.png
nRF Connect SDK のパスを設定します。
プルダウンにインストールされているライブラリが表示されている場合はこのまま進みます。
表示されていない人は一つ下の nRF Connect for VS Codeがインストールされていない場合 に進みます。
image.png

nRF Connect for VS Codeがインストールされていない場合

拡張機能に nRF Connect for VS Code をインストールします。
Nordic を検索し nRF Connect for VS Code を選択しインストールします。
image.png

VS CodeにnRF Connect for VS Codeを設定する

Welcome ページから nRF Connect SDK を設定します。
image.png
Toolcahin ManagernRF Connect SDK の▼をクリックし、 SDKtoolchain の場所を探します。
image.png
image.png
PATH を指定し使えるようにします。
image.png

サンプルプログラムを作る

 Create a new application from sample をクリックします。
image.png
SDKToolchain のパスが通っている事を確認します。
作成するフォルダを設定します。
image.png
Application locationApplication template を選択し、Create Application をクリックします。
image.png
セキュリティ警告が出るので、 はい、作成者を信頼します をクリックします。
image.png
APPLICATIONS に作ったものが存在することを確認します。
image.png
Show in Explorer をクリックすると、プログラムを見る事が出来ます。
image.png
vs-code-10.jpg

サンプルプログラムをビルドする

アイコンをクリックし Add Build Configuration を設定します。
Board 及び必要な項目を設定します。
Enable debug options をクリックするとデバック内容が表示されるようです。
image.png
ビルドが終わった状態です。
image.png

ファームを書き込む

VS Codeではビルドしたファームは自動書き込みされないようです。
CONNECTED DEVICES の右のアイコンをクリックし、接続しているデバイスを探します。
image.png
Flash をクリックし書き込みをします。
VS Codeはネイティブでターミナル機能がついており出力内容を表示することも可能です。
CONNECTED DEVICES をクリックすると右上の choose cinfiguration に通信速度等が表示されています。
これをクリックします。
image.png
右下の NRF TERMINAL に __Hello World!__が表示されます。
image.png
以上でVisualStudioCodeにてNordicSoCのプログラムを作る事が出来るようになりました。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?