手把手教你 VSCode搭建STM32开发环境

article/2025/10/25 12:52:53

VSCode搭建STM32开发环境

  • 摘要
  • 1、安装VScode
  • 2、安装C/C++插件
  • 3、安装Keil Assistant插件
  • 4、用vscode打开keil工程
  • 5、编译、下载程序
  • 5、常用操作
  • reference

摘要

作为一个51单片机或STM32单片机的使用者,keil一直是我们的必备的一款工具之一。但keil的一些问题也一直存在,当然也有人用其他的比如STM32CubeIDE。但是今天推荐的是VScode+Keil Assistant插件,不需要很复杂的配置各种文件和环境变量,只需要一个插件即可!可以编译代码和下载程序。

当我们的工程文件比较大的时候,编译一次代码需要很久可能会花费到四五分钟,但是我们用vscode编写和编译的话时间就会大大缩减,同时还支持右键的函数跳转和自动补齐功能。

1、安装VScode

VScode大家应该不陌生了,Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。
在这里插入图片描述
在官网下载之后安装即可!

2、安装C/C++插件

VS Code安装完成之后,首先就要安装C/C++插件,点击软件最右边的扩展按钮,在出来的搜索框中输入C/C++,选择最上面一个然后点击安装即可,因为我这里已经安装过了,所以现实的是卸载。
在这里插入图片描述

3、安装Keil Assistant插件

C/C++插件安装完成之后,首先就要安装1Keil Assistant插件,同样点击软件最右边的扩展按钮,在出来的搜索框中输入keil,选择最上面一个Keil Assistant然后点击安装即可。
在这里插入图片描述
在这里插入图片描述
添加keil可执行文件UV4.exe的绝对路径,这里有两个路径,上面是C51的,下面是MDK的,这里以STM32为例,添加的是我电脑上的MDK的可执行文件的路径,如下:
在这里插入图片描述
这里在桌面找到Keil的图标,右键查看文件所在位置,就能看到keil的可执行文件的路径,把它复制到上面就可以了。
在这里插入图片描述
至此VScode的MDK环境就搭建好了,是不是很简单

4、用vscode打开keil工程

当插件安装完成之后文件界面会出现KEIL UVISION PROJECT,然后点击右边的+加号。
在这里插入图片描述
选择我们要打开的keil文件,和用MDK打开工程一样,需要打开后缀名为.uvprojx的文件。
在这里插入图片描述
之后项目就打开了!
在这里插入图片描述

5、编译、下载程序

这个插件是可以进行编译,烧录的。不需要额外添加其他的插件。提供了3个按钮,分别代表 编译,下载,重新编译。
在这里插入图片描述
编译所需要的工具下载器的配置,是在MDK中配置的,也就是说你在MDK中配置好Debug,在VScode中就可以直接点击下载按钮下载程序了,是不是很方便!

在这里插入图片描述

5、常用操作

1、编译,烧录:提供了 3 个按钮,分别代表 编译,下载,重新编译
在这里插入图片描述
2、保存和刷新:在 Keil 上添加/删除源文件,更改,配置项目,更改完毕后点击 保存所有,插件检测到 keil 项目变化后会自动刷新项目
在这里插入图片描述
3、打开源文件:单击源文件将以预览模式打开,双击源文件将切换到非预览模式打开
在这里插入图片描述
4、切换 c/c++ 插件的配置:点击目标名称在多个 c/c++ 配置中切换
在这里插入图片描述
5、切换 keil Target:点击项目的切换按钮,可以在多个Keil Target 之间切换
在这里插入图片描述
展开引用:在编译完成后,可以点击源文件项的箭头图标展开其引用(仅支持 ARM 项目)
在这里插入图片描述
官方简述
下面是官方对这个插件的描述:

VScode上的Keil辅助工具,与c/c++ 插件配合使用。能够为Keil项目提供语法高亮、代码片段的功能,并支持对keil项目进行 编译、下载。仅支持 Keil uVison 5 及以上版本。仅支持Windows平台。

功能特性🎉

1、加载Keil C51/ARM 项目,并以Keil项目资源管理器的展示方式显示项目视图。

2、自动监视keil项目文件的变化,及时更新项目视图。

3、通过调用Keil命令行接口实现 编译,重新编译,烧录keil项目。

4、自动生成c_cpp_properties.json文件,使C/C++插件的语法分析能正常进行。

reference

1.果果小师弟手 把手教你 VSCode搭建STM32开发环境


http://chatgpt.dhexx.cn/article/eeV7tpVB.shtml

相关文章

用 VS Code 搭建 STM32 开发环境。

众所周知,Keil是一款收费软件,虽然可以Po解使用,但很多公司还是有点害怕,想必有不少读者都收到过**函。 之前,开发单片机项目,可以说 Keil 是最佳选择之一,但VSCode横空问世之后,这种…

一、stm32开发环境搭建

1、MDK软件安装 mdk就是我们所熟知的keil软件,因为我是跟着正点原子后面学习32的,也是买了他们家的板子,正点原子资料很全很多,其中很多软件驱动都可以根据下面连接进行相应的下载。 正点原子资料下载中心 - 正点原子资料下载中…

STM32开发——简介、开发环境(Keil5、CubeMX)、HAL库

目录 1.简介-初识STM32 2.开发环境 2.1使用Keil5 2.2使用STM32CubeMX 3.标准库与HAL库区别 4.推挽输出与开漏输出 1.简介-初识STM32 什么是单片机? 单片机(Single-Chip Microcomputer)是一种集成电路芯片,把具有数据处理能…

STM32从零开始 - 第一章:开发环境STM32Cube套件

概述 STM32的开发环境并不唯一。 如果你习惯KEIL开发环境,可以用KEIL环境来开发,虽然代码编辑不太方便,但调试跟踪非常方便。 如果你更熟悉gcc/makefile,则可以自己写makefile来搭建自己的脚本编译环境。 代码编辑器个人还是推…

STM32系列 (一)开发环境的搭建

STM32简介 STM32是意法半导体(ST)推出一款32位的单片机。STM32具有超低的价格、超多的外设、丰富的型号、优异的实时性、极低的开发成本等优势。STM32凭借其产品线的多样化、极高的性价比、简单易用的库开发方式,迅速在众多32位单片机中脱颖而…

STM32几种流行开发环境的优缺点

有很多初学者在问:学习STM32,该用哪款开发工具? 我首先说一下我的观点: 1.没有最好,只有适不适合,适合自己的才是最好的。 2.开发工具很多,各有各的特点,有优点肯定也有缺点。 今…

STM32入门指南(0)—配置开发环境

STM32入门指南(0)—配置开发环境 文章目录 STM32入门指南(0)—配置开发环境开发环境介绍STM32CubeMX下载安装安装Java安装STM32CubeMX安装软件开发包 Keil uVision5下载安装解锁更多内容 开发环境介绍 这一系列的教程使用的都是 …

用html和CSS做个人简历

很多刚学web的同学第一个项目应该都是做一个个人简历,这个是查了多方资料的刚刚写出来的一个简历,所以可能会参考网上的一些代码,兄弟们拿去复制就可以。里面有的注释可能不太对劲,不要太在意,毕竟我也是一个刚学一周的…

简历模板推荐

简历模板推荐 话不多说,直接上干货。 今天给大家推荐几个还不错的简历模板网站。 木及简历(推荐👍) : 免费MarkDown在线简历-专业简历制作工具-木及简历 。 知页简历:名企精英都在用的专业简历 typorama…

HTML5,CSS制作个人简历

先建立index页面 <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>个人简历制作</title> …

HTML5+CSS——个人在线简历

期末作品用DW软件结合HTML和css来制作一个在线简历&#xff0c;成果图如下&#xff1a; HTML代码如下&#xff1a;主要使用表格来实现页面布局&#xff0c;页面中使用了文本溢出隐藏效果、点击相应的链接可以跳转到另一个网页等。 <!DOCTYPE html> <html> <hea…

HTML5个人简历模板制作

个人简历模板 几个主要属性值 rowspan 跨行数 width 宽度 cellpadding 内容与单元格之间的距离 cellspacing 单元格与单元格之间的距离 align 表格在文档中的对齐方式&#xff08;left center right&#xff09; 实现代码如下 在这里插入代码片 <!DOCTYPE html> <…

html+css的响应式个人简历

响应式个人简历 文章目录 响应式个人简历目录一、运行截图二、html代码三、CSS代码四、总结 目录 包括主页、关于我、个人技能、联系我四个页面&#xff0c;整个页面可以根据窗口大小调整。 一、运行截图 二、html代码 代码如下&#xff1a; <!DOCTYPE html> <html l…

个人简历需要写什么内容?简历模板的基本内容有哪些

很多人认为&#xff0c;个人简历应该做成形式多样颜色丰富设计十足的&#xff0c;而实际上HR对你感兴趣的并不是你的简历样式&#xff0c;而是你的简历内容。个人简历模板内容要怎么写呢&#xff1f;一份标准的简历表格基本内容有哪些呢&#xff1f;下面脚步网就来给大家介绍一…

CSS+html制作简历表

CSS格式 CSS样式的语法&#xff1a; css选择器{ 样式属性1:属性值&#xff1b; 样式属性2:属性值;. …} css选择器&#xff1a; 用于定位需要施加某些样式的某个或某一些标签&#xff0c;有ID选择器&#xff0c;class选择器&#xff0c;标签选择器等常用选择器可供选择使用。 …

用HTML和CSS编辑的简历模板

1. 工具&#xff1a; sublime或者EditPlus、任意浏览器 2. 代码文件 点击提取 密码: 5ee7 3. 效果

怎样用HTML做一份精美的简历(html5+css)

先来看一下效果图&#xff1a; 代码&#xff1a;index.html <!DOCTYPE html> <html> <head><title>简历二</title><meta charset"utf-8"><link rel"stylesheet" type"text/css" href"../css/mysty…

HTML+CSS实例:简单朴素的个人简历模板(HTML表格使用+css样式渲染)

个人简历模板 丑是丑了点&#xff0c;没有那么花里胡哨。。。 先看展示 代码实现 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"&g…

html+css个人简历/网页界面

代码如下&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>个人简历</title><link rel"stylesheet" href"css/li.css" /></head><body><div class"q&q…

2022最新简历模板

一份好的简历&#xff0c;要的不是花里胡哨&#xff0c;要的是简洁和内容相结合&#xff0c;这样的简历才是优秀的。 而且在排版设计上要适合HR快速阅读&#xff0c;用词、结构要专业。这样的简历模板&#xff0c;才是你需要的&#xff01; 下面我要分享几个免费高质量简历模…