1
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?

STM32 VS code extensionを使ってみよう

Posted at

Visual Studio Code 向けの STM32ツール拡張機能STM32 VS code extension を使ってみましょう。

STM32 VS code extensionのインストール

拡張機能 のアイコンをクリックし 拡張機能・マーケットプレイス を表示します。
stm32 と入力し、STM32 VS code extension を選択し インストールクリック します。
image.png
インストール後に左のツールバーに STM32 VS code extension のアイコンが追加されています。
STM32 VS code extension を開いてみましょう。
STM32CubeCLT がインストールされていない事が表示されています。
使用には STM32CubeMX、STM32CubeCLT必要 です。
image.png

STM32CubeCLTのインストール

STM32CubeCLT のインストールを行います。
STマイクロのHPから STM32CubeCLTダウンロード します。

image.png
Nextをクリックして進みます。
image.png
I Agreeをクリックして進みます。
image.png
Nextをクリックして進みます。
image.png
Nextをクリックして進みます。
image.png
インストールをクリックして進みます。
image.png
Nextをクリックして進みます。
image.png
Finishをクリックして進みます。
image.png

STM32CubeMXのインストール

次にSTM32CubeMXのインストールをしましょう。
Find STM32CubeMXをクリックするとSTM32CubeMXのダウンロードリンクが開きます。
image.png
開くで進みます。
image.png
Install for all usersをクリックします。
image.png
Nextをクリックして進みます。
image.png
Nextをクリックして進みます。
image.png
チェックボックスにチェックを入れた後、Nextをクリックして進みます。
image.png
チェックボックスにチェックを入れた後、Nextをクリックして進みます。
image.png
Nextをクリックして進みます。
image.png
OKをクリックして進みます。
image.png
インストールをクリックして進みます。
image.png
Nextをクリックして進みます。
image.png
Finishでインストール完了です。
image.png

Launch STM32CubeMX

VS CodeのSTM32 VS code extensionからLaunch STM32CubeMXをクリックします。
image.png
今回はNucleoボードを使用するためAccess To BOARD SELECTORをクリックします。
image.png
今回使用するNucleo F401を検索し、Start Projectをクリックします。
image.png
Yesで進めます。
image.png
GENERATE CODEをクリックします。
image.png
Project Nameにプロジェクト名を
Toolchain IDEにCMAKEを選択します。
image.png
GENERATE CODEをクリックします。
image.png
Open Folderをクリックし進めます。
image.png

VS Codeへのインポート

VS CodeのSTM32 VS code extensionからImport Cmake Projectをクリックします。
image.png
先ほど生成したフォルダを選択し、フォルダーの選択をクリックします。
image.png
正しいフォルダーをしていることを確認します。
image.png
Import Porjectをクリックします。
image.png
Open in this windowを選択します。
image.png
main.cの100行目に以下コードを追加し▷をクリックしてビルドします。

 HAL_Delay(500);
 HAL_GPIO_TogglePin(LD2_GPIO_Port,LD2_Pin);

image.png
問題が無ければelfファイルが生成されます。

デバッグ&書込み

再度に、デバッグと書き込みをしましょう。
実行とデバッグをクリックします。
Build&DebugMicrocontroller-ST-Linkをクリックします。(またはF5)
次に、動作後、止まっている場合、右の▷をクリックし進めます。
image.png
終了時は□をクリックし止めます。
image.png

総評

VS Codeですべてできるなら良いのですが、CubeMXとセットで使用する必要があり、STM32CubeIDEの方が使い勝手は良いように思えます。

1
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
1
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?