可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。


一、可视化的代码跟踪调试

1、在ubuntu18.04版本安装vscode

【1】在Ubuntu桌面找到应用中心。
【2】在应用中心里搜索Visual Studio Code
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【3】选择安装
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

2、安装C++的插件

方法一:直接使用VSCode打开一个C文件时,编辑器会自动提示安装相应的扩展。
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

方法二:按ctrl+p调出命令行,在上面输入ext install cpptools。选择C/C++安装
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

3、配置与调试

【1】打开包含源码文件的文件夹( 不能打开单个文件调试 )。
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【2】点击左边第四个图标。然后点击RUN,选着刚安装的插件
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【3】生成一个.json文件,
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【4】按ctrl+p打开命令面板,然后输入>task后选择配置任务运行程序
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【5】配置好后就可以先按ctrl+shift+B先编译。然后运行了
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

二、proteus仿真stm32流水灯

1、proteus创建工程

【1】创建新工程
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【2】选择 从选中的模板中创建原理图(DEFAULT)
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【3】选择不创建PCB布板设计
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【4】选择创建固件项目
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

2、添加元件,绘制电路图

【1】点击p标志搜索添加元件可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【2】添加LED-YELLOW与RES元件
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【3】连接电路
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【4】双击电阻来改变电阻为50
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

3、生成.hex文件

参考文件:(这是@学者-老栋的文件)
keil与proteus文件
提取码为0f7c 。
【1】点击文件\学者_老栋\学者-老栋\mdk\学者-老栋打开。
【2】选择选择Option for Target,然后勾选Create HEX file,生成hex文件。
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

3、配置芯片并运行

【1】双击芯片,将hex文件下载进芯片,并设置晶振为8M
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
【2】点击左下角的三角符号,开始运行。

stm32仿真结果:https://www.bilibili.com/video/BV1bK4y1E7E6/
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。
可视化代码跟踪vscode——Proteus仿真运行stm32流水灯程序——学习使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

三、使用Altium Designer软件绘制一个stm32最小系统的电路原理图、PCB图。

参考链接:
1、 Altium Designer 1小时(貌似不够)速成
2、 Altium Designer实战教程 - 从零开始画一个stm32最小系统

博主正在学习中。。。。。。。。。。。