[开发工具] VSCode + CubeMx开发STM32

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 开发工具 -> VSCode + CubeMx开发STM32 -> 正文阅读

[开发工具]VSCode + CubeMx开发STM32

所需软件

1、STM32CubeMx

2、VSCode

3、gcc-arm-none-eabi

4、make

5、Openocd

一、环境配置

1、安装gcc-arm-none-eabi

进到官网选择Linux版本

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DNJwjwBH-1642022193112)(/home/hao/.config/Typora/typora-user-images/image-20220113033144352.png)]

等待下载～

接着直接解压，解压之后用 cd 进到解压的文件目录下,查看一下文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SYaOA4es-1642022193114)(/home/hao/.config/Typora/typora-user-images/image-20220113033454132.png)]

紧接着进到 bin 目录下，查看一下文件信息

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TvPULBiU-1642022193115)(/home/hao/.config/Typora/typora-user-images/image-20220113033610808.png)]

下面我们将此路径添加到环境变量中

打开终端，输入：vim ~/.bashrc 跳转到最后一行，将gcc-arm-none-eabi的bin目录添加进去，添加完成格式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CV0JQWRC-1642022193116)(/home/hao/.config/Typora/typora-user-images/image-20220113034042796.png)]

接着保存退出，并执行：source ~/.bashrc

重启终端，输入arm-none-按下两次Tab键，若出现以下情况，说明环境添加成功

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oTRYGZRB-1642022193117)(/home/hao/.config/Typora/typora-user-images/image-20220113034358423.png)]

2、安装make

命令：sudo pacman -S make

等待安装完成即可

3、安装Openocd

命令：sudo pacman -S openocd

等待安装完成即可

二、软件安装

1、安装STM32CubeMx

进到ST官网，找到Linux版，等待下载完成

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O9BLh4BG-1642022193118)(/home/hao/.config/Typora/typora-user-images/image-20220113035119843.png)]

下载完成后，解压、安装即可，不过多演示

2、安装VSCode

终端命令下载: yay -Sy visual-studio-code-bin

等待下载完成～

三、配置软件

1、CubeMx生成Makefile

我们要使用VSCode开发STM32，所以我们用CubeMx生成代码时，Toolchain/IDE选择Makefile

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5V36eoJa-1642022193119)(/home/hao/.config/Typora/typora-user-images/image-20220113035924880.png)]

其余CubeMx配置不变

2、配置VSCode

说了那么多，重头戏终于到来了

2.1 安装插件

2.1.1 Chinese

汉化VSCode

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8DS2btP0-1642022193120)(/home/hao/.config/Typora/typora-user-images/image-20220113040341762.png)]

2.1.2 vscode-icons

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zUCewzmw-1642022193121)(/home/hao/.config/Typora/typora-user-images/image-20220113041009186.png)]

可以用来更换VSCode文件管理的树目录显示图标，更换效果如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-A90TXxLY-1642022193122)(/home/hao/.config/Typora/typora-user-images/image-20220113040938084.png)]

2.1.3 clangd

这个插件是用来代码提示、查看声明等等，非常之强大

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C7Ye12gh-1642022193123)(/home/hao/.config/Typora/typora-user-images/image-20220113041221443.png)]

2.2 代码编写

使用VSCode打开CubeMx生成的文件夹，新建终端，输出make验证工程以及环境配置是否成功

在这里插入图片描述

这种情况就代表编译成功

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lqgUsZsp-1642022193125)(/home/hao/.config/Typora/typora-user-images/image-20220113042012915.png)]

当我们打开main.c时会发现好多红角波浪线，下面我们配置一下文件，使波浪线去掉

在工程的根目录下创建一个文件:compile_flags.txt

在VSCode里面打开compile_flags.txt，然后开始编写，大概内容如下

-Wall
-Wextra
--target=arm-none-eabi
-x
c
-std=c11
-DUSE_HAL_DRIVER 
-DSTM32F429xx
-mcpu=cortex-m4
-mthumb
-I./Core/Inc 
-I./Drivers/STM32F4xx_HAL_Driver/Inc 
-I./Drivers/STM32F4xx_HAL_Driver/Inc/Legacy 
-I./Drivers/CMSIS/Device/ST/STM32F4xx/Include 
-I./Drivers/CMSIS/Include
-isystem
/home/hao/Documents/gcc-arm-none-eabi/lib/gcc/arm-none-eabi/10.3.1/include
-isystem
/home/hao/Documents/gcc-arm-none-eabi/lib/gcc/arm-none-eabi/10.3.1/include-fixed
-isystem
/home/hao/Documents/gcc-arm-none-eabi/arm-none-eabi/include/

下面说一下以上内容来自哪里，我们打开CubeMx生成的Makefile文件
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z0yIMoXA-1642022193126)(/home/hao/.config/Typora/typora-user-images/image-20220113043534681.png)]
在这里插入图片描述