Appearance
VSCode开发STM32详细教程
1. VScode安装
百度搜索VScode找到官网 https://code.visualstudio.com/Download ,点击下载

下载完成之后双击安装包

然后勾选同意协议,点击下一步



然后点击安装即可

2. VScode中文配置
打开之后界面是这样的

可以把界面设置为中文

在搜索框中输入:Chinese

然后点击一下"更改语言和重启"按钮

3. VScode配置流程
首先安装几个插件
C/C++

C/C++是开发最核心的插件,提供了以下关键功能:
- 智能代码补全 :根据上下文自动提示变量、函数、类等
- 代码导航 :快速跳转到定义、查找引用
- 实时错误检查 :在编写代码时就显示语法错误和潜在问题
- 调试支持 :集成调试器,支持断点、变量查看、单步执行等功能
- 代码重构 :提供重命名、提取函数等重构工具
C/C++ Themes

这个插件主要提供了专门针对C/C++语法优化的颜色主题,能更好地突出显示不同类型的代码元素(如关键字、变量、函数等),使代码更易读,减轻长时间编码的视觉疲劳
Embedded IDE

对于这个插件,我们用离线下载的方式
- 下载离线安装包
1.1 网址下载
https://github.com/github0null/eide/releases
1.2 可以在我们的资料包中下载

- vscode中,EIDE离线安装方式

找到我们刚刚下载的这个vsix


然后点击“是”,之后关闭软件,重新打开VScode,点击EIDE,出现下图表示成功

4. EIDE的配置流程
4.1 离线安装实用工具
需要下载并安装ARM GNU工具链
安装离线工具链
网址:https://developer.arm.com/downloads/-/arm-gnu-toolchain-downloads
下滑,选择最新的

下载之后,新建文件夹,名字为"gnu-toolchain",刚下载的压缩包解压

配置环境变量
"Win + S" 搜索 高级系统配置

系统变量中找到"Path",新建并填写工具链路径下的bin目录,如图所示,然后点击"确定"

在Win + R --> cmd --> 命令行arm-none-eabi-gcc --version

这样就算成功
在VScode中配置工具链

搜索"GNU ARM"点击本地目录,设置指向下载的ARM工具链安装路径的目录(此电脑是找到c:\gnu-toolchain)

4.2 打开EIDE插件设置配置
打开插件设置

右键keil5,点击属性,找到文件夹ARM

点击进去,找到这两个文件夹

路径填写到这里

下滑,勾选这个选项

4.3 导入工程

选择MDK

找到自己的代码工程目录下的.uvprojx后缀文件(我的路径是STM32F103C8T6_Template\Projects\MDK-ARM)

点击"Yes"

点击"继续"

打开EIDE即可看到效果

添加芯片支持包,选择从磁盘添加

点击"安装此包"

然后点击”构建“,打印出"build successfully"即为成功
注意:要是报错“文件名、目录名或卷标语法不正确”,要在拓展中更新一下EIDE的版本

5. 烧录测试
5.1 STLINK配置
安装stlink驱动,解压

stlink配置
这里切换为stlink

接口类型改为SWD

安装ST-LINK Utility

点击烧录的时候,会报如下的错误,需要安装ST-LINK Utility并且配置环境变量

安装ST-LINK Utility

一路下一步,这里可以改一下路径

注意这里的驱动需要安装


然后点击“完成”

添加其路径到环境变量中的Path


Win + R 输入cmd进入命令行模式,输入"ST-LINK_CLI.exe -List"

这样就算成功
5.2 运行烧录
点击“构建”,然后再点击“烧录”

如图所示,烧录成功!

6. 调试部分
6.1 Cortex-Debug安装
扩展中搜索 "Cortex-Debug"

离线安装
在资料包中找到

在VScode中把准备好的vsix文件添加进来

6.2 安装并配置OpenOCD
1. 访问网址下载
搜索OpenOCD安装网址:https://github.com/xpack-dev-tools/openocd-xpack/releases
往下滑找到"-5"版本,点击"Assets"

下载 xpack-openocd-0.12.0-5-win32-x64.zip
然后解压在合适的位置中,我解压的路径是C:\openocd\xpack-openocd-0.12.0-5

2. 配置环境变量
右键"此电脑" → "属性" → "高级系统设置" → "环境变量"

在"系统变量"中找到"Path",点击"编辑"

点击"新建",添加:C:\openocd\xpack-openocd-0.12.0-5\openocd\bin

点击"确定"保存之后,验证安装成功
Win + R 输入cmd进入命令行模式,输入"openocd --version"

3. 配置launch.json
当我们按上述步骤成功烧录,直接在编译之后点击debug会报这样的错误,提示我们要配置launch.json文件

在“资源管理器中”找到".vscode"文件夹,右键,新建文件

新建一个"launch.json"的文件,并且把准备好的内容粘贴,如图所示

改动配置说明
绝对路径
- 在"executable"中,示例代码的文件夹下找到 STM32F103C8T6_Template/Projects/MDK-ARM/build/Template/stm32f103.elf 这个文件
- 剩下的在安装的OpenOCD目录中找到,并修改替换成自己的路径,改完要保存

6.3 运行调试
点击“构建”,然后再点击“调试”即成功

注意,若是报错"Failed to launch stlink GDB server",重启一下VScode,再次执行Debug
