In this Instructable I will show you how you can program the ESP8266 with Visuino. It is a tradition to start with a Blink project, so we will do a Blink with ESP8266.

Step 1: Components

FJOUTVNIJN7BNZ7.LARGE
  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

FSOEB8MIJN7C39V.LARGE
  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

F5Z3XYOIJN7C0QU.LARGE
  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
FQKT32AIJN7C6JS.LARGE
FY9DUPYIJN7C7A8.LARGE

To start programming the Arduino, you will need to have the Arduino IDE installed from here: http://www.arduino.cc/.

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: https://www.visuino.com 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

FQMPU9FIJN7C7N7.LARGE
F21X513IJN7C7JX.LARGE
  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

FV864OMIIDHAAFH.LARGE
F7I9K09IJN7C7TI.LARGE
  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)
FOH1U1XIJN7BOBZ.LARGE
FJAMG3DIJN7C7LJ.LARGE

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: https://www.visuino.com

referenca: https://www.instructables.com/id/Blink-With-ESP8266-and-Visuino/