MakeCode 图形化编程

一、MakeCode 平台介绍

微软 MakeCode 编辑器是 BBC micro:bit 编程与创作的主流工具。编辑器通过不同颜色区分功能模块,能够访问 micro:bit 的全部功能。除图形化编程界面外,MakeCode 还支持切换到 JavaScript,以查看当前积木程序对应的文本代码。

二、进入并认识 MakeCode

  1. 打开下方链接,进入 MakeCode 编辑器:

Microsoft MakeCode for micro:bit

image-20260609111831952

  1. 点击“新建项目”,输入项目名称,例如 hello_microbit,然后点击“创建”进入编程环境。

image-20260609111950571

  1. MakeCode 编辑界面由以下区域组成:

PixPin_2026-07-09_11-39-33

① 仿真模拟区域:用于预览程序运行效果。图示中的 A、B 按键以及徽标按钮(仅限 micro:bit V2)支持点击。 ② 积木块分类区域:按功能分类显示积木块。Lastbit 小车提供专属拓展包,导入后可在此区域中查看相关积木块。 ③ 积木区域:显示当前分类下的所有积木块,可将所需积木拖入编程区域。 ④ 编程区域:用于组合积木块,构建程序逻辑。 ⑤ 代码切换区域:支持切换到 JavaScript 查看图形积木对应的文本代码。 ⑥ 下载区域:用于连接 Micro:bit 与电脑,并下载程序。 ⑦ 保存按钮:将程序保存为 microbit-项目名称.hex,例如 microbit-hello_microbit.hex

三、导入 Lastbit 专属拓展包

Lastbit 小车提供专属拓展包。在编程前,请先将拓展包导入项目。以下为两种导入方式。

Note

AI语音交互集成模块的拓展包以及对应的案例需要选配后才能使用

3.1 使用现有项目导入(推荐)

  1. 找到我们提供的 .hex 文件。以点亮RGB探照灯为例。

  2. 将该文件拖动到 MakeCode 页面,项目会自动导入并打开。下面演示操作方法。

image-20260609121337524

PixPin_2026-06-09_12-16-52

3.2 在空项目中导入

  1. 点击分类栏底部的“拓展”选项。

image-20260609120140335

  1. 在搜索框中输入 https://github.com/yahboomrdc/Lastbit-Lib,然后点击“搜索”。

image-20260609120252547

  1. 在搜索结果中选择 Lastbit 拓展并导入。

image-20260609120406578

  1. 导入完成后,可在分类栏中查看新增分类,表示导入成功。

image-20260609120452229

  1. 点击“基本”分类,找到对应积木块,将其拖动到编程区域。

image-20260613115346567

四、烧录程序

4.1 烧录示例程序

  1. 使用 MicroUSB 数据线将 Micro:bit 连接到电脑,电脑会识别出 Micro:bit 盘符。

1558607918874061

  1. 将我们提供的 .hex 程序复制到 Micro:bit 盘符中即可。

  2. 烧录期间,Micro:bit 主板背面的橙色指示灯会闪烁。烧录完成后,指示灯停止闪烁,表示程序已成功写入。

image-20250607143546352 image-20250607144320431

4.2 烧录自定义程序

  1. 参考上述“导入 Lastbit 专属拓展包”中的方法,导入拓展包并完成程序编写。

  2. 点击“下载”或“保存”按钮,将程序下载到电脑或直接保存到 Micro:bit 盘符。

image-20260613115426962

  1. 生成 .hex 文件后,将其复制到 Micro:bit 盘符中完成烧录。

  2. 烧录过程中,Micro:bit 主板背面的橙色指示灯会闪烁。烧录完成后,指示灯停止闪烁,表示程序已成功写入。

image-20250607143546352 image-20250607144320431

五、实验现象

完成烧录后,可在 Micro:bit 上运行程序并观察对应运行效果。若使用仿真器,可先在页面中预览运行结果。

六、注意事项