ESP32 开发笔记(九)使用 VS Code 快速开发 ESP32

使用 VS Code 快速开发 ESP32

  • 使用 VS Code 快速开发 ESP32
    • 搭建开发环境
    • 在 VS Code 中进行开发
    • VS Code 任务、快捷键配置
      • 任务配置
      • 快捷键配置

使用 VS Code 快速开发 ESP32

搭建开发环境

  • 根据官方文档进行 esp-idf 开发环境搭建
  • 安装 VS Code

在 VS Code 中进行开发

  • esp-idf 中的模板工程 hello_world 在 VS Code 中打开
  • 在 VS Code 中开发项目

VS Code 任务、快捷键配置

任务配置

  • 按下 Ctrl+Shift+P
  • 输入、选择 Tasks: Configure Task(任务:配置任务)
  • 使用模板创建 tasks.json 文件
  • 选择 others
  • 可使用下面的的任务配置模板(实现:快捷编译、下载、擦除 flash、清除编译、打开 monitor、menuconfig)
{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build app", // f5
            "type": "shell",
            "command": "cd ${fileDirname} && cd ../ && make -j8",
            "group": {
                "kind": "build",
                "isDefault": true
            }
        },
        {
            "label": "flash app", // f6
            "type": "shell",
            "command": "cd ${fileDirname} && cd ../ && make -j8 flash"
        },
        {
            "label": "monitor", // f7
            "type": "shell",
            "command": "cd ${fileDirname} && cd ../ && make monitor"
        },
        {
            "label": "clean app", // f8
            "type": "shell",
            "command": "cd ${fileDirname} && cd ../ && make clean",
        },
        {
            "label": "erase flash", // f9
            "type": "shell",
            "command": "cd ${fileDirname} && cd ../ && make erase_flash",
        },
        {
            "label": "menuconfig", // f10
            "type": "shell",
            "command": "cd ${fileDirname} && cd ../ && make menuconfig"
        },
    ]
}

详细配置过程:ESP32 开发笔记(九)使用 VS Code 快速开发 ESP32_第1张图片

快捷键配置

接下来我们给这些编译命令增加快捷键。

  • 按下:Ctrl+Shift+P
  • 输入、选择 Preferences: Open Keyboard Shortcuts(JSON) (首选项:打开键盘快捷方式)
  • 高级自定义请打开和编辑 keybindings.json
  • 填充参数
// Override key bindings by placing them into your key bindings file.
[
    {
        "key": "f5",
        "command": "workbench.action.tasks.runTask",
        "args": "build app"
    },
    {
        "key": "f6",
        "command": "workbench.action.tasks.runTask",
        "args": "flash app"
    },
    {
        "key": "f7",
        "command": "workbench.action.tasks.runTask",
        "args": "monitor"
    },
    {
        "key": "f8",
        "command": "workbench.action.tasks.runTask",
        "args": "clean app"
    },
    {
        "key": "f9",
        "command": "workbench.action.tasks.runTask",
        "args": "erase flash"
    },
    {
        "key": "f10",
        "command": "workbench.action.tasks.runTask",
        "args": "menuconfig"
    }
]

这样我们就可通过快捷键进行编译、下载等

快捷键 执行的命令 功能
F5 make -j8 编译
F6 make -j8 flash 编译、下载
F7 make monitor 监视器
F8 make clean 清除编译
F9 make erase_flash 擦除 flash
F10 make menuconfig 打开 menuconfig

NOTE: 这些命令都应该在工程的 main 目录下的文件中执行,例如: 在 VS Code 中打开了 hello_world 工程中 main 目录下的 hello_world_main.c 文件,可以按快捷键 F6 进行编译、下载。暂不支持在其他目录下进行。

详细配置过程:
ESP32 开发笔记(九)使用 VS Code 快速开发 ESP32_第2张图片

你可能感兴趣的:(#,ESP32,开发笔记)