VS Code简介
Visual Studio Code是是由微软研发的一个轻量级但功能强大的源代码编辑器,这个软件是免费开源的,可在您的桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C ++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。
如果你不喜欢Dev的开发界面,或是Visual Studio启动工程的缓慢,那么你应该尝试使用VScode来编写C/C++程序。因为它足够高效简洁且高效。
作为一个51单片机或STM32单片机的使用者,keil一直是我们的必备的一款工具之一。但kei的一些问题也一直存在,被人吐槽最多的就是编辑器功能单一、提示功能不强、对中文支持不友好。当然,还有一些爱美的朋友,说它界面丑陋。而VS Code作为一款微软出品的、界面友好的编辑器,一直深受程序员的喜爱。现在我们可以通过安装插件的方式,在VS Code上进行51或者STM32的开发。方法如下。
软件安装
需要先安装好Keil和VS Code
- VS Code 安装:Visual Studio Code – Code Editing. Redefined
![图片[1]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814122711147-image-1024x595.png)
2. Keil 安装
修改语言为中文
打开vscode点击左边的这个扩展的图标(下图所示),搜索栏输入Chinese,安装第一个扩展插件,安装完后重启vscode就变成中文了。
![图片[2]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123024649-image.png)
安装扩展插件
首先安装C/C++ Extension Pack扩展。
![图片[3]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123044878-image-1024x373.png)
安装Keil Assistant扩展。
![图片[4]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123058337-image-1024x512.png)
安装完后点击扩展设置
![图片[5]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123121360-image-1024x478.png)
添加keil的可执行文件的路径,这里有两个路径,上面是C51的,下面是MDK的,你要填自己keil安装的目录,参考下图。我将C51和MDK安装到一起了,所以两个填同一个地址就行,如果是分开安装的就需要分开填。
![图片[6]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123300609-image-1024x485.png)
![图片[7]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123326439-image.png)
安装MinGW
配置settings.json,添加这两句
“C_Cpp.intelliSenseEngineFallback”: “Disabled”, //需要添加的
“C_Cpp.intelliSenseEngine”: “Tag Parser” // 需要添加的
![图片[8]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814123953102-image.png)
![图片[9]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814124030139-image-1024x284.png)
到这设置就完成了,下面演示一下怎么使用。
用VSCode开发
首先需要用keil或stm32cubemx来新建一个工程项目,并把编译和调试下载的相关设置设置好。
接着用vscode打开项目文件夹。
![图片[10]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814124246135-image.png)
接着就可以用vscode来开发stm32了,下图所示的是编译和下载的按钮。
![图片[11]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814124306862-image-1024x709.png)
点击这个编译按钮,vscode就会调用keil来完成编译。
![图片[12]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814124339435-image.png)
点击下载按钮,编译好的程序就会被下载到你的stm32单片机上。
![图片[13]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814124406971-image-1024x638.png)
51单片机同样也可以使用这种方式开发。
![图片[14]-80009 使用VS Code代替keil开发stm32和51单片机的教程-爱设计](https://lovedisign.com/wp-content/uploads/2025/08/20250814124435372-image-847x1024.png)
暂无评论内容