用vs code 搭建stm32 开发环境(详细)

用vs code 搭建stm32 开发环境

一、 软件安装

二、编译

三、调试

一 软件安装

1.1需要的软件

STM32CubeMX 生成工程模板
VS Code 编辑和调试程序
Make 启动编译
ARM GCC 编译程序
OpenOCD 连接调试器。

1.2 软件连接
1.2.1
安装java(安装STM32CubeMX,在这之前要先安装java),
https://www.java.com/zh_CN/download/windows-64bit.jsp;
1.2.2
安装STM32CubeMX
https://www.st.com/zh/development-tools/stm32cubemx.html。
1.2.3
安装ARM GCC,https://developer.arm.com/tools-and-software/open-source-software/developer-tools/gnu-toolchain/gnu-rm/downloads。
把bin文件夹加到环境变量。
运行arm-none-eabi-gcc -v,测试环境变量是否正常。
1.2.4
安装OpenOCD
http://www.gnutoolchains.com/arm-eabi/openocd/
将bin目录添加到环境变量。
1.2.5
下载安装VSCode
打开浏览器输入(进入到网:https://code.visualstudio.com/),然后进入VSCode的首页,按照下图中指示步骤点击下载安装。
1.2.6
下载安装make
百度直接搜索即可

1.3 安装软件具体步骤
注意:所有软件安装的路径都不能出现中文。

1.3.1 Vs code

下载后的VScode文件如下图。
用vs code 搭建stm32 开发环境(详细)_第1张图片

安装如下图:
在这里插入图片描述

勾选【我接受协议】,继续点击下一步。
用vs code 搭建stm32 开发环境(详细)_第2张图片

选择安装位置,位置目录中尽量不要出现中文字符。
用vs code 搭建stm32 开发环境(详细)_第3张图片

继续点击下一步。
用vs code 搭建stm32 开发环境(详细)_第4张图片
用vs code 搭建stm32 开发环境(详细)_第5张图片

用vs code 搭建stm32 开发环境(详细)_第6张图片

到这里安装完成。

安装后打开的界面。
用vs code 搭建stm32 开发环境(详细)_第7张图片

添加插件如下
用vs code 搭建stm32 开发环境(详细)_第8张图片

1.3.2 openocd 安装
1、下载之后解压文件
在这里插入图片描述

2、复制路径

用vs code 搭建stm32 开发环境(详细)_第9张图片

3、右击-》 此电脑 选择属性-》选择高级系统设置
用vs code 搭建stm32 开发环境(详细)_第10张图片

4、选择环境变量

用vs code 搭建stm32 开发环境(详细)_第11张图片

5双击pasth
用vs code 搭建stm32 开发环境(详细)_第12张图片

6选择新建,把刚刚复制的路径添加即可。
用vs code 搭建stm32 开发环境(详细)_第13张图片

1.3.3 安装ARM-GCC
1、下载后安装包
用vs code 搭建stm32 开发环境(详细)_第14张图片

2、双击应用程序,选择ok
用vs code 搭建stm32 开发环境(详细)_第15张图片

3、点击下一步
用vs code 搭建stm32 开发环境(详细)_第16张图片

4、选择我接受
用vs code 搭建stm32 开发环境(详细)_第17张图片

5、选择路径并安装
用vs code 搭建stm32 开发环境(详细)_第18张图片

6、安装完成之后,添加路径
用vs code 搭建stm32 开发环境(详细)_第19张图片

7、右击-》选择属性-》选择高级系统设置
用vs code 搭建stm32 开发环境(详细)_第20张图片

8、选择环境变量
用vs code 搭建stm32 开发环境(详细)_第21张图片

9双击pasth
用vs code 搭建stm32 开发环境(详细)_第22张图片

10选择新建,把刚刚复制的路径添加并点击确定
即可。
用vs code 搭建stm32 开发环境(详细)_第23张图片

1.3.4 安装make
1、双击

在这里插入图片描述

2、点击next
用vs code 搭建stm32 开发环境(详细)_第24张图片

3、点击接受
用vs code 搭建stm32 开发环境(详细)_第25张图片

4、选择路径并安装
用vs code 搭建stm32 开发环境(详细)_第26张图片

5、添加环境路径
用vs code 搭建stm32 开发环境(详细)_第27张图片

7、右击-》选择属性-》选择高级系统设置
用vs code 搭建stm32 开发环境(详细)_第28张图片

8、选择环境变量

用vs code 搭建stm32 开发环境(详细)_第29张图片

9双击pasth
用vs code 搭建stm32 开发环境(详细)_第30张图片

10选择新建,把刚刚复制的路径添加并点击确定
即可。
用vs code 搭建stm32 开发环境(详细)_第31张图片

1.4 软件安装检测

1.4.1 步骤
1、在此收入cmd
在这里插入图片描述

2、显示
用vs code 搭建stm32 开发环境(详细)_第32张图片

3、依次收入以下命令

(1)、检测 make make -v
(2)、检测 ARM-GCC arm-none-eabi-gcc -v
(3)、检测 openocd openocd -v
4、显示以下内容即软件安装成功(显示出软件的版本号)
用vs code 搭建stm32 开发环境(详细)_第33张图片

二、编译
1、用stm32cobemx 生成一个点灯的工程。
用vs code 搭建stm32 开发环境(详细)_第34张图片

2、用vscode打开(或把文件夹直接拖进vscode),出现如下界面。
用vs code 搭建stm32 开发环境(详细)_第35张图片

3、打开(管理)—》命令面板—》编辑配置
用vs code 搭建stm32 开发环境(详细)_第36张图片

注意:只有安装c/c++其才会弹出
4、添加路径
用vs code 搭建stm32 开发环境(详细)_第37张图片

(1)路径分析
在这里插入图片描述

这些路径都为绝对路径(即gcc-arm-none-eabi-7-2018-q2-update-win32-sha2 (1)安装位置),在下图文件中都找到。
用vs code 搭建stm32 开发环境(详细)_第38张图片

(2)下图都为相对路径
用vs code 搭建stm32 开发环境(详细)_第39张图片

都是从下图中查找并复制添加
用vs code 搭建stm32 开发环境(详细)_第40张图片

(3)宏定义分析
用vs code 搭建stm32 开发环境(详细)_第41张图片

(3.1)添加可以从MakeFile中查找添加
用vs code 搭建stm32 开发环境(详细)_第42张图片

(3.2)添加 (直接复制下图添加即可)
“__CC_ARM”
在这里插入图片描述

添加完保存即可
4、输入命令编译
(1)打开在终端输入 make
用vs code 搭建stm32 开发环境(详细)_第43张图片

(2)编译之后发现无错误,生成 .elf .hex .bin 文件

用vs code 搭建stm32 开发环境(详细)_第44张图片

三、调试、烧写
1、流程分析
此图与本次开发环境流程类似,借以引用。
用vs code 搭建stm32 开发环境(详细)_第45张图片

1.1本次主要讲述流程如下
用vs code 搭建stm32 开发环境(详细)_第46张图片

1.2编译器vscode生成.bin .hex 文件---->>调试下载工具(openocd)---->>st-link烧写器–>>单片机

2、openocd配置
要运行openocd这个gdb server,需要配置如下几个参数:
用什么仿真器?(J-link, ST-link…)
用什么接口?(JTAG, SWD…)
目标芯片是什么?(STM32F4x, tm4c123g…)
2.1在本例中,有如下对应关系:

GDB——————arm-none-eabi-gdb.exe
GDB Server————OpenOCD
仿真器——————stlink-v2
MCU——————STM32F405RGT6

(1)首先我们打开openocd的安装目录,打开openocd/scripts,里面有很多提前写好的配置文件

(2)target里存放目标芯片的配置文件,例如stm32f4x.cfg
用vs code 搭建stm32 开发环境(详细)_第47张图片

(3)interface里存放仿真器相关的配置文件,例如stlink-v2.c(本次用的)
用vs code 搭建stm32 开发环境(详细)_第48张图片

2.2 打开终端连接调试器与pc端。
启动openocd用-f参数来指定配置文件,输入命令如下:
openocd –f interface/stlink-v2.cfg -c “transport select hal_swd” –f target/stm32f4x.cfg

我们也可以创建一个openocd .cfg 文件,并把它作为配置文件来启动(即敲击openocd即可启动)。
用vs code 搭建stm32 开发环境(详细)_第49张图片

选择使用stlink-v2下载器 hal_swd接口 目标芯片为stm32f4x。连接好板子,直接在终端里敲openocd启动连接。

用vs code 搭建stm32 开发环境(详细)_第50张图片

即连接成功,shell终端被占用,需新开一个终端。
3.openocd 试运行
3.1如果你的电脑没有开启telnet功能,在搜索框搜索“启用或关闭Windows功能”,然后在里面找到“telnet客户端”,勾选点击确。
用vs code 搭建stm32 开发环境(详细)_第51张图片

3.2 openocd默认TCP/IP的3333端口作为gdb端口,4444作为telnet端口。在连接gdb之前,我们可以先用telnet连上试用一下。然后点击终端窗口右上角的“+”号新建一个终端,输入:

telnet localhost 4444

用vs code 搭建stm32 开发环境(详细)_第52张图片

就连接到本机的4444端口,也就是GDB Server了
3.3 烧写程序 终端敲入:
program ./build/led.hex
显示下图即可下载成功。
用vs code 搭建stm32 开发环境(详细)_第53张图片

4 用gdb连上openocd
(1)直接启动gdb,参数为编译好的调试文件(.elf)
用vs code 搭建stm32 开发环境(详细)_第54张图片

(2)openocd留给gdb的TCP/IP端口是3333,因此输入:
target remote localhost:3333
用vs code 搭建stm32 开发环境(详细)_第55张图片

(3)烧写代码
与之前流程一样,先reset,在halt,最后下载。
用vs code 搭建stm32 开发环境(详细)_第56张图片

(4)退出 输入q
用vs code 搭建stm32 开发环境(详细)_第57张图片

5.配置vs code 的调试功能
(1)在VS Code内选择debug(就是左边那个虫子图标),选择“添加配置”,类型为GDB。就会在.vscode文件夹下生成launch.json配置文件。
(2)setupCommands里面就是我们之前试用gdb时操作过的流程:连接GDB Server——reset——halt——下载代码。
用vs code 搭建stm32 开发环境(详细)_第58张图片

而preLaunchTask中是下图在tasks.json中配置的build任务。它可以让我们每次调试时都先编译一遍。
用vs code 搭建stm32 开发环境(详细)_第59张图片

保存后,随便打几个断点,按下F5,就可以调试了。

用vs code 搭建stm32 开发环境(详细)_第60张图片
最后:如有错误,望谅解,小白初次用用vs code 搭建stm32 开发环境.

你可能感兴趣的:(开发工具,stm32,vscode,arm)