基于 VS Code 的 STM32 开发环境搭建

25 次浏览

1、VS Code基本配置

1）安装和配置中文插件

在【拓展商店】中安装简体中文语言包。安装完成后打开【命令面板】（Ctrl+Shift+P）输入 Configure Display Language 将语言设置问中文

2）新增STM32配置文件

点击左下角【设置】图标，再点击【配置文件】。在配置界面中点击【新建配置文件】，将配置文件命名为“STM32”，再点击【创建】。在配置文件列表中将“STM32”设置为“√活动”，即可将STM32相关插件安装在独立的配置文件中，与其他开发环境互不干扰。

2、安装“STM32CubeIDE for Visual Studio Code”

在【拓展商店】中安装“STM32CubeIDE for Visual Studio Code”。

插件安装完成后按照提示安装“STM32CubeMX”和“STMCUFinder”。

3、创建STM32工程

在VS Code中打开STM32CubeMX软件新建工程

1）选择芯片型号，如STM32F103ZET6

2）配置RCC，选择外部晶振。【HSE】选择【Crystal/Ceramic Resonator】

3）配置SYS，打开SW调试接口。【Debug】选择【Serial Wire】

4）配置USART1，作为代码测试打印接口。【Mode】选择【Asynchronous】

5）配置时钟树，点击【Clock Configuration】，【PLL Source】选择时钟源【HSE】，【HCLK】中输入目标时钟频率如“72Mhz”。按回车键后自动计算分频和倍频

6）配置工程文件，点击【Project Manager】，【Project】中分别输入【工程文件名称】和【工程文件目录】。在【Toolchain/IED】中选择【CMake】(重要)

7）【Code Generator】中选择【Copy only the necessary library files】。【Generated files】中增加勾选【Generate peripheral initialization as a pair of ‘.c/.h’ files per peripheral】。

8）点击右上角【GENERATE CODE】自动生成代码

4、使用VS Code编译STM32工程

使用VScode打开新建的STM32工程，点击左侧【CMake】图标，选择【Debug】或【Release】，点击左下角【生成】，即可对代码进行编译

点击左侧【运行和调试】图标，可选择使用 JLink 或 STLink对代码进行调试

5、在工程中添加自定义文件

在左侧工程文件资源管理器中，右键新建文件夹和代码文件[App]-[Inc]-[test.h]，[App]-[Src]-[test.c]。

在【CMakeLists.txt】中添加如下配置：

# Add sources to executable
target_sources(${CMAKE_PROJECT_NAME} PRIVATE
    # Add user sources here
+   ${CMAKE_CURRENT_SOURCE_DIR}/App/Src/test.c
)

# Add include paths
target_include_directories(${CMAKE_PROJECT_NAME} PRIVATE
    # Add user defined include paths
+   ${CMAKE_CURRENT_SOURCE_DIR}/App/Inc
)

# Add sources to executable
target_sources(${CMAKE_PROJECT_NAME} PRIVATE
    # Add user sources here
+   ${CMAKE_CURRENT_SOURCE_DIR}/App/Src/test.c
)

# Add include paths
target_include_directories(${CMAKE_PROJECT_NAME} PRIVATE
    # Add user defined include paths
+   ${CMAKE_CURRENT_SOURCE_DIR}/App/Inc
)