你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

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

[复制链接]
STMCU小助手 发布时间:2022-9-16 16:03
作为一个51单片机或STM32单片机的使用者,keil一直是我们必备的一款工具。但keil的一些问题也一直存在,当然也有人用其他的,比如STM32CubeIDE。不过,今天推荐的是VScode+Keil Assistant插件,不需要很复杂的配置各种文件和环境变量,只需要一个插件即可,还能编译代码和下载程序
1 I( }4 R9 K/ o5 m  t8 e

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


7 `& r8 E. W3 H- M* {; M: i

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)扩展的生态系统。

& t, o% F* r9 Q

微信图片_20220916160303.png
, ~! r( m. z5 M! y+ q

在官网下载之后,安装即可!


; }. Z8 t9 ^& f& u' \

2、安装C/C++插件

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


" C( m. [' o) e3 _6 H# x+ H2 E6 m

微信图片_20220916160259.png
9 `4 m2 X5 h$ G/ t: {
/ l$ ^3 Q' v0 S" o6 B9 E, \# H$ i
; h0 Y) N. F* B2 G( W0 B! Q
3、安装Keil Assistant插件

C/C++插件安装完成之后,首先就要安装Keil Assistant插件,同样点击软件最右边的扩展按钮,在出来的搜索框中输入keil,选择最上面一个Keil Assistant然后点击安装即可。

4 c5 |- U) T' w: A

微信图片_20220916160257.png ( e' H. S- i( a& x; b
' E  Q+ h; O; A" B
微信图片_20220916160254.png / N6 \4 D/ ?0 Q. |% ?2 o: u

$ s7 C9 B+ `- r) w3 z6 I

添加keil可执行文件UV4.exe的绝对路径,这里有两个路径,上面是C51的,下面是MDK的,这里以STM32为例,添加的是我电脑上的MDK的可执行文件的路径,如下:


9 K* w/ H- [4 _7 c3 j

微信图片_20220916160251.png
" i( Q$ O" z" k& z* R9 w
0 D3 n; I3 Z2 o3 j: \

这里在桌面找到Keil的图标,右键查看文件所在位置,就能看到keil的可执行文件的路径,把它复制到上面就可以了。

微信图片_20220916160248.png ) }. A8 f- y& F- ?* C

至此,VScode的MDK环境就搭建好了,是不是很简单

8 h4 q/ R. z( o

7 i8 J( |4 D/ ]) r( y% ?

4、用vscode打开keil工程

当插件安装完成之后,文件界面会出现KEIL UVISION PROJECT,然后点击右边的+加号。


/ E% C# U( X9 e* ?' I! q* z, Y* h

微信图片_20220916160245.png
' C8 V1 E( R# ^& i! E: G9 m% K% ]) e, a2 R& _8 ^

选择我们要打开的keil文件,和用MDK打开工程一样,需要打开后缀名为.uvprojx的文件。

, r" H. k( H+ Y# c# b! k3 w

微信图片_20220916160236.png
" W: \0 G4 i' t- R& Q. J
. ^, p5 A# X. C. }" v- d

之后项目就打开了!

微信图片_20220916160233.png 6 |8 l3 @8 a# o3 f$ n. Z

& H0 M1 f+ A  Y& f

! r9 O( }' W0 |+ `4 i5、编译、下载程序

这个插件是可以进行编译、烧录的;不需要额外添加其他的插件。另外还提供了3个按钮,分别代表 编译,下载,重新编译。

' [! J7 O/ S$ W1 {

微信图片_20220916160230.png : q0 l4 p1 `; W  G5 g
7 `. f: |/ X$ Y; d# @1 H

编译所需要的工具下载器的配置,是在MDK中配置的。也就是说,你在MDK中配置好Debug,在VScode中可以直接点击下载按钮,然后就可以直接下载程序了,是不是很方便?


, i' }  y% |5 E9 @! O

微信图片_20220916160224.png % O7 @. m# P2 z
( U; k) b8 I% z/ e) Y& |2 d

8 U( I. M6 q4 v4 ]" M6、常用操作

1、编译,烧录:提供了 3 个按钮,分别代表 编译,下载,重新编译。

% ]1 m5 F3 m+ K5 C' [2 l7 m* W

微信图片_20220916160221.png 6 W; N9 ~* e# B% G1 v' ~1 g
5 j4 K' X9 h; d, V+ Z

2、保存和刷新:在 Keil 上添加/删除源文件,更改,配置项目,更改完毕后点击 保存所有,插件检测到 keil 项目变化后会自动刷新项目。

微信图片_20220916160218.png " r5 T' d) r- E2 t

. y2 A$ Y7 c6 b' m5 \5 a3 `

3、打开源文件:单击源文件将以预览模式打开,双击源文件将切换到非预览模式打开。


. }7 I1 J5 B  C# |3 X

微信图片_20220916160216.png / Z# q7 u, C/ P, A0 D5 \* w
3 j3 E" n( p# r

4、切换 c/c++ 插件的配置:点击目标名称在多个 c/c++ 配置中切换。

7 I9 v) R; ~$ L; m# F; w

微信图片_20220916160213.png " e/ H" O6 x# i- e9 @# ^

7 _$ [9 z# \+ M; u* u

5、切换 keil Target:点击项目的切换按钮,可以在多个Keil Target 之间切换。


6 _/ ~8 U+ C; O8 A: _

微信图片_20220916160210.png 3 c- D( T5 g. _) o
/ H' y2 k; p9 O9 k2 O

展开引用:在编译完成后,可以点击源文件项的箭头图标展开其引用(仅支持 ARM 项目)。


3 d5 l2 Y$ L  q) F1 {# w4 g

微信图片_20220916160207.png
, l' X8 e% ~% ?+ t  S
  ~4 \& _5 X1 _3 }2 L+ i官方简述

下面是官方对这个插件的描述:

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

' S% N$ M. `  u/ V, b/ E7 J& u' M7 t3 b

功能特性

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


# x6 e+ o  G; y+ N; {$ T- z

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

0 I8 G8 H& ^" Y! n) F

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


3 h; D% [) }8 u; a4 J- K

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

转载自:电子工程世界

0 ^$ i; r- z/ P7 A6 Z/ b( W7 g. f. V
收藏 评论0 发布时间:2022-9-16 16:03

举报

0个回答

所属标签

相似分享

官网相关资源

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版