搭建ESP32开发环境（windows10平台）使用Visual Studio Code

原创链接 http://www.enmaking.com/article/ar_OyiRdFpT

这里简单介绍一下ESP32模组，这是由乐鑫科技研发的一款集成wifi、蓝牙功能的电子模块。传统蓝牙和低功耗蓝牙功能，具有广泛的用途：Wi-Fi 支。。。。。。。。等等，我们是不是跑偏了，好吧。详情介绍在以下链接https://www.espressif.com/zh-hans/products/socs/esp32，直接进入正题。接下来教大家搭建esp32的开发环境。

首先准备以下工具，包含下载链接

l ESP-IDF：包含 ESP32 API 和用于操作工具链的脚本。

http://www.enmaking.com/material/ma_0teW5kCi

l 交叉编译工具链 msys32 ：用于编译 ESP32 应用程序。

http://www.enmaking.com/material/ma_0teW5kCi

l 编辑工具：Visual Studio Codehttps://code.visualstudio.com/

一、Visual Studio Code的安装步骤如下

1、下载好后双击打开软件

2、勾选“我同意此协议”单击下一步

3、选择安装目录，默认即可，单击下一步

4、单击下一步

5、点击创建桌面快捷方式，单击下一步

6、点击安装

7、等待一段时间完成安装

完成安装之后大家有需要汉化的可以进行以下步骤汉化

1、启动 Visual Studio Code 软件，按下组合键“ctrl+shift+p”，输入命令“configure display

language”，回车确认

2、选择“Install additional languages”，添加语言

3、选择安装简体中文

4、简体中文安装完成

5、再一次按下组合键“ctrl+shift+p”，输入命令“configure display language”，回车确认。

6、我们看到新增加了一项“zh-cn”，选择一项菜单即可以实现界面汉化。点击重新打开软件

7、汉化后的界面如图

经过以上便完成了Visual Studio Code的汉化。

二、交叉编译工具链 msys32的解压。

1、新建ESP32文件夹，将msys32解压到此文件夹下，大家选择合适的路径解压，注意路径不能有中文名字

2、打开目录“G:\ESP32\msys32\etc\profile.d”，修改文件“esp32_toolchain.sh”，注意根据自己的实际路径找文件

3、增加的内容为：

export LANG=“en_US”

export IDF_PATH=“F:\program\ESP32\esp-idf-v3.3”

大家复制的时候一定要注意 IDF 的实际路径，这一行”export LANG=“en_US””表示使用 vs code 的menuconfig 不会出现乱码，这一行”export IDF_PATH=“G:\ESP32\esp-idf-v3.3””就是指向 IDF 目录。

以上即是对交叉编译工具链的相关操作

三、下载好ESP-IDF后，先在之前创建好的ESP32文件夹里在创建一个文件夹，名为esp-idf，将ESP-IDF里的所有文件解压到此文件夹里。

四、设置 vscode，将编译工具链的 shell 嵌入至 Visual Studio Code 的集成终端

1、打开 vscode 的设置，打开 settings.json 文件。

2、增加以下内容

因为我们提供的工程代码里，有很多中文的注释，所有的文件是使用 GB2312 编码的，所以一定要增加以下的配置，否则中文注释会乱码：

工程里使用的所有的配置如下，注意根据个人修改 msys32 的路径！

"terminal.integrated.shell.windows": "F:\\program\\ESP32\\msys32\\msys2_shell.cmd",

"terminal.integrated.shellArgs.windows": [

"-defterm",

"-mingw32",

"-no-start",

"-here"

],


"git.ignoreMissingGitWarning": true,

"editor.multiCursoumodifier":"ctrlCmd",

"window.zoomLevel":0,

"editor.minimap.enabled":false,

"workbench.colorTheme": "Visual Studio Dark",

"files.exclude": {

"**/CVS": false

},


"files.encoding": "Big5",

"files.encoding": "GB18030",

"files.encoding": "utf8",

"files.encoding": "GBK",

"files.encoding": "gb2312",

"editor.tabSize": 4,

"editor.fontSize": 14,

"editor.lineNumbers": true,

"editor.insertSpaces": true,

"editor.wrappingColumn": 300,

"editor.trimAutoWhitespace": true,

3、保存，重启电脑。

五、编译测试

1、我们编绎的工程是官方的 helloworld，此工程位于 esp-idf 目录的 examples 下

2、我们使用 Visual Studio Code 打开这个工程所在的目录点击—>文件—>打开文件夹

3、选择 hello_world 所在的目录：

4、VS code 打开工程后，如下图：

5、在工程 hello_world 位置右键，选择“在集成终端中打开”菜单：

6、在弹出的命令窗口中，输入命令“make menuconfig”，就可以配置程序了：

7、弹出界面如下

8、这是我们暂时不需要去设置，直接通过左右键选择保存，然后按下回车，再选择exit，回车

9、输入”make all”,回车，等待一段时间

10、当出现以下界面说明编译成功

至此esp32开发环境搭建完成!