工作流程概览
============

:link_to_translation:`en:[English]`

下图展示了如何搭建 ESP-IDF 的开发环境。无论是否从 IDE 开始，最终都将进入相同的开发工作流。

.. blockdiag:: /../_static/get-started-esp-idf-setup-zh.diag
    :caption: ESP-IDF 环境搭建流程（点击放大）
    :align: center
    :scale: 60%
    :alt: ESP-IDF 环境搭建流程

下图展示了如何使用 ESP-IDF 构建项目。

.. blockdiag:: /../_static/get-started-esp-idf-develop-zh.diag
    :caption: ESP-IDF 开发工作流（点击放大）
    :align: center
    :scale: 60%
    :alt: ESP-IDF 开发工作流


相关文档
--------

- 环境搭建流程

  * 安装 IDE 和插件

    + `Espressif-IDE > 准备工作 <https://docs.espressif.com/projects/espressif-ide/zh_CN/latest/prerequisites.html>`_
    + `Espressif-IDE > 安装 <https://docs.espressif.com/projects/espressif-ide/zh_CN/latest/installation.html>`_
    + `VS Code 的 ESP-IDF 扩展 > 准备工作 <https://docs.espressif.com/projects/vscode-esp-idf-extension/zh_CN/latest/prerequisites.html>`_
    + `VS Code 的 ESP-IDF 扩展 > 安装 ESP-IDF 和工具 <https://docs.espressif.com/projects/vscode-esp-idf-extension/zh_CN/latest/installation.html>`_

  * 安装 EIM 依赖包、EIM，然后使用 EIM 安装 ESP-IDF

    + :doc:`windows-setup`
    + :doc:`linux-setup`
    + :doc:`macos-setup`

- 开发工作流

  * IDE

    + `Espressif-IDE > 启动项目 <https://docs.espressif.com/projects/espressif-ide/zh_CN/latest/startproject.html>`_
    + `VS Code 的 ESP-IDF 扩展 > 启动项目 <https://docs.espressif.com/projects/vscode-esp-idf-extension/zh_CN/latest/startproject.html>`_

  * CLI

    + :doc:`windows-start-project`
    + :doc:`linux-macos-start-project`
