by

Esp32 Visual Studio Code



-->

Get Started with ESP32 Devices

For first-time users of ESP32 devices, follow these quick steps to:

Visual Studio Code For Esp32

  • Prepare your development environment.
  • Send information from the device to the Azure IoT Hub
  • Listen to cloud to device message with ESP32

But my task now is programming esp32 for color and brightness control of sk6812 led stripes using visual studio. I found no literature on it. Anybody have any knowledge on similar field. Also i am really confused if it is visual studio or visual studio code.

What you learn

  • How to install the development environment.
  • How to create an IoT Hub and register a ESP32 device.
  • How to send sample data to your IoT hub.

What you need

Programming my ESPDuino-32 on Visual Studio Code + Platform.io. Posted by just now. ESP32 is a series of low cost, low power system on a chip microcontrollers with integrated Wi-Fi and dual-mode Bluetooth. The ESP32 series employs a Tensilica Xtensa LX6 microprocessor in both dual-core and single-core variations and includes in. In this video I will show how you can write your ESP32 application (based on ESP-IDF) in Visual Studio Code. Beside of creating new project with prepared boi. ESP32 ESP32-IDF Visual Studio Code This project was created on and last updated 2 years ago. ESP32 is a series of low cost, low power system on a chip microcontrollers with integrated Wi-Fi and dual-mode Bluetooth. The ESP32 series employs a Tensilica Xtensa LX6 microprocessor in both dual-core and single-core variations and includes in-built antenna switches, RF balun, power amplifier, low-noise receive amplifier, filters, and power.

  • A ESP32 device.

    [NOTE]We use M5Stack in this tutorial, but the steps below could also be applied to other ESP32 devices.

  • A computer running Windows 10 or macOS 10.10+.

  • An active Azure subscription. Activate a free 30-day trial Microsoft Azure account.

Prepare your hardware

For M5Stack, please follow the guide to prepare the hardware.

Install development environment

We recommend Azure IoT Device Workbench extension for Visual Studio Code to develop on the ESP32 devices.

Azure IoT Device Workbench provides an integrated experience to develop IoT solutions. It helps both on device and cloud development using Azure IoT and other services. You can watch this Channel9 video to have an overview of what it does.

Follow these steps to prepare the development environment for ESP32 devices:

  1. Download and install Arduino IDE. It provides the necessary toolchain for compiling and uploading Arduino code.

    • Windows: Use Windows Installer version
    • macOS: Drag and drop the Arduino into /Applications
    • Ubuntu: Unzip it into $HOME/Downloads/arduino-1.8.5

  2. Install Visual Studio Code, a cross platform source code editor with powerful developer tooling, like IntelliSense code completion and debugging.

  3. Look for Azure IoT Device Workbench in the extension marketplace and install it.Together with the IoT Device Workbench, other dependent extensions will be installed.

  4. Open File > Preference > Settings and add following lines to configure Arduino.

    • Windows

    • macOS

    • Ubuntu

  5. Use F1 or Ctrl+Shift+P (macOS: Cmd+Shift+P) to open the command palette, type and select Arduino: Board Manager. Search for esp32 and install the latest version.

Build your first project

Now you are all set with preparing and configuring your development environment. Let us build a 'Hello World' sample for IoT: sending simulated telemetry data to Azure IoT Hub.Make sure your device is not connected to your computer. Start VS Code first, and then connect the ESP32 device to your computer.

Open the project folder

Open Azure IoT Device Workbench Examples

Use F1 or Ctrl+Shift+P (macOS: Cmd+Shift+P) to open the command palette, type Azure IoT Device Workbench, and then select Open Examples....

Select ESP32 Arduino.

Then the IoT Device Workbench Example window is shown up.

Find ESP32 Get Started and click Open Sample button. A new VS Code window with a project folder in it opens.

Provision Azure service

In the solution window, open the command palette and select Azure IoT Device Workbench: Cloud: Provision Azure Services....

Then VS Code guides you through provisioning the required Azure services.

The whole process includes:

  • Select an existing IoT Hub or create a new IoT Hub.
  • Select an existing IoT Hub device or create a new IoT Hub device.

Config Device Code

  1. Open the source file(.ino) for device code and update the following lines with your WiFi ssid and password:

  2. Open the command palette and select Azure IoT Device Workbench: Config Device Settings....

  3. Select Copy device connection string.

    This copies the connection string that is retrieved from the Provision Azure services step.

  4. Paste the device connection string into the following line in device code

Build and upload the device code

Studio

  1. Open the command palette and select Azure IoT Device Workbench: Upload Device Code.

  2. VS Code then starts verifying and uploading the code to your DevKit.

  3. The ESP32 device reboots and starts running the code.

Test the project

Send D2C message

Esp32

Open serial monitor:

The sample application is running successfully when you see the following results:

  • The Serial Monitor displays the message sent to the IoT Hub.

Listen to C2D message

You can send message to your device with Azure Portal or other API. Please Make sure that serial monitor is open. Then you can see the message content from serial monitor.

How To Use Visual Studio Code

Problems and feedback

If you encounter problems, you can reach out to us from:

Having used Arduino IDE to develope the ESP32 Utility Driver code I must admit that while I in general like Arduino I also miss a proper code editor. Sticking to Arduino (for now) I decided top try out Visual Studio Code.

Esp32 Visual Studio Code 2020

Visual Studio Code is basically a free and liteweight version of Visual Studio. In this case I just opened the folder and voila. This gives me the option to edit code here and use Arduino IDE to compile and upload.

I am fully aware that more advanced options exist, but I intend to stick to Arduino libs on this project because they are straight forward to use. I actually have the full toolchain & ESP-IDF etc installed. This would probably be my own preferred ways of working, but I need something that every hobbyist can work with – no fuzz – with as little fuzz as possible.

Esp32 Idf Visual Studio Code

It’s other coder alternatives than Visual Studio Code. Friends of mine stick to Emacs etc. I learned years ago that you don’t mess with developers personal choises unless you want them frustrated and less productive. So whatever works for you is fine.

Esp32 Visual Studio Code

A note on Arduino 1.8.5 is that it will not detect changes made by a different editor, so changes will be reverted if you save from Arduino after having changed a file from another editor.