Introduction: Blink With ESP8266 and Visuino

In my last Instructable, I showed you how to prepare the Arduino IDE to program ESP 8266 modules.

In this Instructable I will show you how you can program the ESP 8266 with Visuino.

It is a tradition to start with a Blink project, so we will do a Blink with ESP 8266.

Step 1: Components

Picture of Components
  1. One ESP8266. (I used NodeMCU 1.0, but other versions will also be fine)
  2. One LED
  3. One 220 Ohm Resistor
  4. One Breadboard (I used a Small Breadboard but any other is just fine)
  5. 2 Female-Male jumper wires

Step 2: Connect the Resistor and the LED

Picture of Connect the Resistor and the LED
  1. Place the 220 Ohm Resistor on the Breadboard as shown on Picture 1
  2. Connect the Place the LED on the Breadboard so the Cathode end (The shorter one) is connected to one end of the Resistor (Picture 2 and 3)
  3. Connect Ground wire (Black wire) to the other end of the resistor (Picture 4)
  4. Connect "LED wire" (Yellow wire) to the Anode (The longer end) of the LED (Picture 4)

Step 3: Connect the ESP8266 Module

Picture of Connect the ESP8266 Module
  1. Connect the other end of the Ground wire(Black wire) to the Ground pin of the ESP8266 module (Picture 1)
  2. Connect the other end of the "LED" wire(Yellow wire) to the Digital pin 2 of the ESP8266 module (Picture 2)
  3. Picture 3 shows where are the Ground and Digital 2 pins in the NodeMCU1.0 that were connected on this step

Step 4: Start Visuino, and Select the ESP8266 Board Type

Picture of Start Visuino, and Select the ESP8266 Board Type

To start programming the Arduino, you will need to have the Arduino IDE installed from here:

Please be aware that there are some critical bugs in Arduino IDE 1.6.6.

Make sure that you install 1.6.7 or higher, otherwise this Instructable will not work!

If you have not done follow the steps in this Instructable to setup the Arduino IDE to program ESP 8266!

The Visuino: also needs to be installed.

  1. Start Visuino as shown in the first picture
  2. Click on the "Tools" button on the Arduino component (Picture 1) in Visuino
  3. When the dialog appears, select "NodeMCU ESP-12" as shown on Picture 2

Step 5: In Visuino: Add and Connect Pulse Generator Component

Picture of In Visuino: Add and Connect Pulse Generator Component
  1. Type "puls" in the Filter box of the Component Toolbox then select the "Pulse Generator" component (Picture 1), and drop it in the design area
  2. Connect the "Out" pin of the PulseGenerator1 component to the "Digital" input pin of the "Digital[ 2 ]" channel of the "NodeMCU ESP-12" component (Picture 2)

Step 6: Generate, Compile, and Upload the ESP8266 Code

Picture of Generate, Compile, and Upload the ESP8266 Code
  1. In Visuino, Press F9 or click on the button shown on Picture 1 to generate the Arduino code, and open the Arduino IDE
  2. Select the ESP8266 board type, and serial port as described in this instructable
  3. In the Arduino IDE, click on the Upload button, to compile and upload the code (Picture 2)

Step 7: And Play...

Picture of And Play...

If you power the ESP8266 module, the LED will start blinking once a second as shown on Picture 1 and 2, and on the video.

Congratulations! You have completed your first ESP8266 project with Visuino.

Also attached is the Visuino project, that I created for this Instructable. You can download and open it in Visuino:


JacSjoerd made it! (author)2017-02-04

Here the prove that your instruction works!

Good job, thanks for sharing.

BoianM (author)JacSjoerd2017-02-04

Congratulations! Looks good :-) Enjoy!

BoianM (author)2016-11-21

Great! :-) Click on the "I Made It" button on post some pictures ;-) . I love the red color of the module :-) Will look great in the prictures...

BoianM (author)2016-11-15

Click on the "I Made it!" button and post some picture :-) Will be cool to see it :-)

BoianM (author)2016-11-15

Thank you! Enjoy :-)

druid001 (author)2016-07-23

Ah! Now I get it. Thanks and I'll look at the other Instructable.

BoianM (author)druid0012016-07-23

Yeah... I was working from the basics. The first Instructable - how to setup the Arduino IDE for ESP8266, the second how to do Blink, and the third how to connect 2 ESP8266 to talk to each other, then more complex like building remote controlled robot etc. ;-)

druid001 (author)2016-07-22

Sorry, I'm not getting it. You hooked it up to the computer, installed the sketch, and the light blinked. Where does the wireless abilioty come into play?

BoianM (author)druid0012016-07-22

This is a simple demos showing how you can program ESP8266 as a stand alone controller. Please see my other ESP8266 Instructables for Wi-Fi communication.

CoryE10 (author)2016-06-19

Thanks Boian. Love the software. Keep it up

BoianM (author)CoryE102016-06-19

Thank you! :-)

About This Instructable




More by BoianM:Assemble Elegoo Arduino Robot Version 2.0Program Arduino UNO With Visuino to Draw on ILI9341 TFT Touchscreen Display Shield With PenAssemble Kuman Wi-Fi Robot With Camera and Manipulator
Add instructable to: