Skip to content

VSCode开发STM32详细教程

1. VScode安装

百度搜索VScode找到官网 https://code.visualstudio.com/Download ,点击下载

img

下载完成之后双击安装包

img

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

img

img

img

然后点击安装即可

img

2. VScode中文配置

打开之后界面是这样的

img

可以把界面设置为中文

img

在搜索框中输入:Chinese

img

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

img

3. VScode配置流程

首先安装几个插件

C/C++

img

C/C++是开发最核心的插件,提供了以下关键功能:

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

C/C++ Themes

img

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

Embedded IDE

img

对于这个插件,我们用离线下载的方式

  1. 下载离线安装包

1.1 网址下载

https://github.com/github0null/eide/releases

1.2 可以在我们的资料包中下载

img

  1. vscode中,EIDE离线安装方式

img

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

img

img

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

img

4. EIDE的配置流程

4.1 离线安装实用工具

需要下载并安装ARM GNU工具链

安装离线工具链

网址:https://developer.arm.com/downloads/-/arm-gnu-toolchain-downloads

下滑,选择最新的

img

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

img

配置环境变量

"Win + S" 搜索 高级系统配置

img

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

img

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

img

这样就算成功

在VScode中配置工具链

img

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

img

4.2 打开EIDE插件设置配置

打开插件设置

img

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

img

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

img

路径填写到这里

img

下滑,勾选这个选项

img

4.3 导入工程

img

选择MDK

img

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

img

点击"Yes"

img

点击"继续"

img

打开EIDE即可看到效果

img

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

img

点击"安装此包"

img

然后点击”构建“,打印出"build successfully"即为成功

注意:要是报错“文件名、目录名或卷标语法不正确”,要在拓展中更新一下EIDE的版本

img

5. 烧录测试

5.1 STLINK配置

安装stlink驱动,解压

img

stlink配置

这里切换为stlink

img

接口类型改为SWD

img

img

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

img

安装ST-LINK Utility

img

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

img

注意这里的驱动需要安装

img

img

然后点击“完成”

img

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

img

img

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

img

这样就算成功

5.2 运行烧录

点击“构建”,然后再点击“烧录”

img

如图所示,烧录成功!

img

6. 调试部分

6.1 Cortex-Debug安装

扩展中搜索 "Cortex-Debug"

img

离线安装

在资料包中找到

img

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

img

6.2 安装并配置OpenOCD

1. 访问网址下载

搜索OpenOCD安装网址:https://github.com/xpack-dev-tools/openocd-xpack/releases

往下滑找到"-5"版本,点击"Assets"

img

下载 xpack-openocd-0.12.0-5-win32-x64.zip

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

img

2. 配置环境变量

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

img

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

img

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

img

点击"确定"保存之后,验证安装成功

Win + R 输入cmd进入命令行模式,输入"openocd --version"

img

3. 配置launch.json

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

img

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

img

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

img

改动配置说明

绝对路径

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

img

6.3 运行调试

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

img

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