Visual Studio Code + ESP-IDF 的环境安装

1. 电脑上先要安装 vscode ，链接放在下边了

Visual Studio Code - Code Editing. Redefined

具体怎么安装vscode 可以参考下下面这两篇文章，这里就不重点介绍了

VSCode安装配置使用教程（最新版超详细保姆级含插件）一文就够了_vscode使用教程_神兽汤姆猫的博客-CSDN博客

VSCode详细安装教程 - 知乎 (zhihu.com)

2.安装好vs code之后进入第二步，要安装ESP-IDF

安装ESP-IDF主要有三种方式

        (1) 第一种是下载离线安装包

        (2) 第二种是下载在线安装工具，然后再选择需要的组件进行安装

        (3) 第三种是在vs code里面使用插件进行安装

在这里我们选择第三种，其他两种暂时不考虑，后面有兴趣的同学可以自己去研究下

3.步入正题，首先打开vs code

4. 如下图所示，点击扩展

5.然后在上面的框框里搜索 esp 即可，看到Espressif IDF后，点击安装哦

6.此时重点来了，点击快捷键ctrl+ shift +p，要三个按键一起按哦

点击完三个按键之后会看到以下界面，然后再输入 

esp-idf:configure esp-idf extension

接着呢，再点击它

7.点击完esp-idf:configure esp-idf extension之后，过一会会看到以下界面

在这里我们点击第一项即可，下面两项是什么有兴趣的同学可以自己去尝试一下啦

8.点击完express之后，我们可以看到如下界面

下载服务器点击 Espressif就行，一般不点击GitHub选项，因为Github是国外的服务器，可能下载会很慢

下一步选择SDK的版本，一般选最新的就行

9.在某个地方创建个空文件夹，这里要注意一下要预留10G左右的空间，这里我放在D盘，有需要可以自行选择

然后回到vscode，打开创建的那个空文件夹

下面呢，填一样的文件夹就行

10.点击下载 （终于到这一步了，耶~~）

然后等待10到15分钟安装即可，接下来就是拼网速的时候

如果出现下载某个地方卡住了或很慢，可以尝试连接手机热点下载

如果已经看到下面这个界面，恭喜你安装成功，但是呢先别太激动，我们还要完成最后一步检

11. 到了第11步我们创建一个示例工程检验一下

点击ctrl +shift+p ，输入

esp-idf: show examples projects

点击esp-idf: show examples projects

我们点击示例工程hello_world

我们点击创建工程

选择工程的路径

先简单介绍一下几个比较常用的按钮，其他的可以先不用管，直接看下图

紧接着连接一下ESP32开发板

别急，我知道你想说什么，亮灯只是代表通了电，并不代表连接连接成功，怎样才算连接成功呢，

很简单，打开设备管理器

 看到CH 340则连接成功，此时我的电脑是端口com9在连接开发板。要是没有看到CH340或冒感叹号，咋办呢，可以参考一下下面这篇文章

win10 安装 CH340驱动_ch340 win10-CSDN博客

需要注意一下的是，安装CH340驱动时，一定要插上线，确保开发板和电脑是连接上的

我们再回到vs code，点击左下方选择端口，然后上面会弹出小框框，让您选择端口，因为此时我的电脑连接的是端口com9，所以我选择com9

点完选择端口之后会弹出一个hello _world的小框框，直接点击就行

接着再选择芯片型号，上面弹出了hello_world的小框框，也是同理点击它即可

由于我的开发板的芯片型号是esp32，所以我直接点击它

接着弹出了这个界面，我们直接点击 prog， 先不要问为什么

最后呢，最后呢，点击小火焰按钮，编译烧录即可

接着呢，上面又弹出了一个小框框，点击 uart

看到下面输出Hello world就说明成功了，

你的环境也搭建成功了

12.关于一些问题......

码那么多字好累呀，后面我再补充

如果嫌我的博客太长，也可以看看下面这个视频

【【乐鑫教程】｜使用 VS Code 快速搭建 ESP-IDF 开发环境 (Windows、Linux、MacOS)】

最后如果有什么不足，请在评论区指出，感谢您的观看，谢谢！