{"id":921,"date":"2024-03-04T21:17:52","date_gmt":"2024-03-04T21:17:52","guid":{"rendered":"https:\/\/raymundopizano.com\/blog\/?p=921"},"modified":"2025-03-04T23:36:03","modified_gmt":"2025-03-04T23:36:03","slug":"arduino-instalar-entorno-de-trabajo-ide-y-visual-studio-code","status":"publish","type":"post","link":"https:\/\/raymundopizano.com\/blog\/arduino\/arduino-instalar-entorno-de-trabajo-ide-y-visual-studio-code\/","title":{"rendered":"Arduino – 2. Instalar entorno de trabajo Arduino IDE y Visual Studio Code"},"content":{"rendered":"\n

Para programar nuestro Arduino requerimos un editor de c\u00f3digo o IDE (Integrated development environment \/ Entorno de desarrollo integrado<\/em>)., hay dos opciones el que ofrece el fabricante de Arduino o agregar una extensi\u00f3n para Visual Studio Code<\/a>. Recordemos que todas las placas Arduino utiliza una versi\u00f3n reducida de C\/C++ para programar el microcontrolador.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Arduino IDE<\/h1>\n\n\n\n

En Windows<\/h2>\n\n\n\n

Descargamos e instalamos del sitio oficial de Arduino<\/a> (en las dos ventanas da clic a JUST DOWNLOAD) y ejecutamos el exe.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

En MacOS<\/h2>\n\n\n\n

Para MacOS hay dos versiones una para procesadores Intel <\/strong>y Apple Silicon<\/strong>, para revisar que tipo tienes dale clic al icono de Mac > Acerca de esta Mac<\/code><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"
Como vemos es un procesador Intel<\/figcaption><\/figure>\n\n\n\n

Descarga la dmg<\/a> (de tu procesador) > \u00e1brela > y simplemente arrastra y suelta la app a la carpeta Applications<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ahora presionamos Cmd \u2318 + Shift \u21e7+ A para ir a Aplicaciones y ah\u00ed lo encontraras.<\/p>\n\n\n\n

En GNU \/ Linux<\/h2>\n\n\n\n

Para mi caso tengo Ubuntu 22<\/strong> instalado, los siguientes pasos te pueden ser de gu\u00eda para tu distro. Abrimos la terminar actualizamos e instalamos Arduino IDE<\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
sudo<\/span> <\/span>apt<\/span> <\/span>update<\/span> && <\/span>sudo<\/span> <\/span>apt<\/span> <\/span>upgrade<\/span><\/span>\nsudo<\/span> <\/span>apt<\/span> <\/span>install<\/span> <\/span>arduino<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Nos instalara la versi\u00f3n 1.8.19., para instalar las versiones mas recientes sigue las siguientes opciones:
<\/p>\n\n\n\n
AppImage<\/h3>\n\n\n\n
Desde la Termina instalamos libfuse2<\/strong> para poder abrir aplicaciones AppImage<\/strong>.<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
sudo<\/span> <\/span>apt<\/span> <\/span>update<\/span> && <\/span>sudo<\/span> <\/span>apt<\/span> <\/span>upgrade<\/span><\/span>\nsudo<\/span> <\/span>apt<\/span> <\/span>install<\/span> <\/span>libfuse2<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Descargamos la versi\u00f3n Linux AppImage 64 bits (X86-64)<\/a> > al archivo AppImage le damos clic derecho Propiedades<\/kbd> o Ctrl + i<\/kbd> > en la pesta\u00f1a Permisos<\/kbd> marcamos Permitir ejecutar el archivo como un programa<\/kbd> > y lo ejecutamos.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Te recomiendo ver este video https:\/\/www.youtube.com\/watch?v=JeD3nz0__nc&ab_channel=Abstractprogrammer<\/a><\/p>\n\n\n\n
<\/p>\n\n\n\n
ZIP<\/h3>\n\n\n\n
Descargamos el archivo Linux ZIP file 64 bits (X86-64)<\/a> > descomprimimos el archivo > entramos a la carpeta que se descomprimi\u00f3 > ejecutamos arduino-ide<\/kbd> (si no se ejecuta dale en Propiedades<\/kbd> o Ctrl + i<\/kbd> > en la pesta\u00f1a Permisos<\/kbd> marcamos Permitir ejecutar el archivo como un programa<\/kbd>).<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Creando nuestro primer proyecto<\/h2>\n\n\n\n
Abrimos Arduino IDE, conectamos nuestra tarjeta via USB, seleccionamos nuestra tarjeta (se mostrara el puerto de la computadora donde esta conectado, si tenemos otras se mostraran en esta parte. En Windows los puertos tienen el nombre de COM1, COM3, –> COM(x) en Linux \/dev\/ttyACM0, \/dev\/ttyACM1 –> \/dev\/ttyACM(x) ), copiamos y pegamos el siguiente c\u00f3digo y presionamos el bot\u00f3n Verify<\/code>.<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
\/\/ Ejemplo de Blink<\/span><\/span>\n\/\/ Este ejemplo encinde el LED L (LED_BUILTIN) de la tarjeta<\/span><\/span>\n\/\/ Arduino Uno R3<\/span><\/span>\n<\/span>\nvoid<\/span> <\/span>setup<\/span>() {<\/span><\/span>\n  \/\/ inicialice el pin digital LED_BUILTIN como salida.<\/span><\/span>\n  <\/span>pinMode<\/span>(LED_BUILTIN, OUTPUT);<\/span><\/span>\n  \/\/ Inicializamos el monitor serial<\/span><\/span>\n  Serial.<\/span>begin<\/span>(<\/span>9600<\/span>);<\/span><\/span>\n}<\/span><\/span>\n<\/span>\nvoid<\/span> <\/span>loop<\/span>() {<\/span><\/span>\n  \/\/ Imprimimos Encendido en el monitor serial <\/span><\/span>\n  Serial.<\/span>println<\/span>(<\/span>"Encendido"<\/span>);<\/span><\/span>\n  \/\/ Encendemos el LED<\/span><\/span>\n  <\/span>digitalWrite<\/span>(LED_BUILTIN, HIGH);<\/span><\/span>\n  <\/span>delay<\/span>(<\/span>500<\/span>);<\/span> \/\/ Esperamos 500 milisegundos<\/span><\/span>\n  \/\/ Imprimimos Apagado en el monitor serial <\/span><\/span>\n  Serial.<\/span>println<\/span>(<\/span>"Apagado"<\/span>);<\/span><\/span>\n  \/\/ Apagamos el LED<\/span><\/span>\n  <\/span>digitalWrite<\/span>(LED_BUILTIN, LOW);<\/span><\/span>\n  <\/span>delay<\/span>(<\/span>500<\/span>);<\/span> \/\/ Esperamos 500 milisegundos<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Por ultimo presionamos el bot\u00f3n Upload<\/code> (listo tenemos nuestra tarjeta programada) y el Serial Monitor<\/code> (para mostrar los prints).<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Extensi\u00f3n para Visual Studio Code<\/h1>\n\n\n\n
Si lugar a dudas Visual Studio Code<\/a> (previamente instalado) esta es la mejor opci\u00f3n ya que es un entorno de programaci\u00f3n profesional. Para ello damos clic al icono de extensiones<\/code>, en el buscador escribimos<\/code> PlatformIO<\/a> y presionamos Install<\/code>.<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<\/p>\n\n\n\n
Crear un nuevo proyecto con PlatformIO<\/h2>\n\n\n\n
Le damos un clic al icono en la barra de la izquierda<\/code> > Create New Project<\/code> > + New Project<\/code> llenamos los campos de Name:<\/code> con el nombre del proyecto (para este ejemplo Hola Arduino<\/kbd>) Board: Arduino Uno<\/code> los dem\u00e1s campos los dejamos como est\u00e1n., marcamos el campo de Trust ...<\/code> y clic al bot\u00f3n de Trust.<\/code>, y por ultimo nos vamos a la carpeta src<\/code> y al archivo main.cpp<\/code><\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Editamos el archivo main.cpp<\/code> el cual es nuestro ejemplo de Hola Arduino., vamos a encender el LED L<\/strong> de la tarjeta:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
#include<\/span> <\/span><Arduino.h><\/span><\/span>\n<\/span>\n\/\/ Ejemplo de Blink<\/span><\/span>\n\/\/ Este ejemplo encinde el LED L (LED_BUILTIN) de la tarjeta<\/span><\/span>\n\/\/ Arduino Uno R3<\/span><\/span>\n<\/span>\nvoid<\/span> <\/span>setup<\/span>() {<\/span><\/span>\n  \/\/ inicialice el pin digital LED_BUILTIN como salida.<\/span><\/span>\n  <\/span>pinMode<\/span>(LED_BUILTIN, OUTPUT);<\/span><\/span>\n  \/\/ Inicializamos el monitor serial<\/span><\/span>\n  Serial.<\/span>begin<\/span>(<\/span>9600<\/span>);<\/span><\/span>\n}<\/span><\/span>\n<\/span>\nvoid<\/span> <\/span>loop<\/span>() {<\/span><\/span>\n  \/\/ Imprimimos Encendido en el monitor serial <\/span><\/span>\n  Serial.<\/span>println<\/span>(<\/span>"Encendido"<\/span>);<\/span><\/span>\n  \/\/ Encendemos el LED<\/span><\/span>\n  <\/span>digitalWrite<\/span>(LED_BUILTIN, HIGH);<\/span><\/span>\n  <\/span>delay<\/span>(<\/span>500<\/span>);<\/span> \/\/ Esperamos 500 milisegundos<\/span><\/span>\n  \/\/ Imprimimos Apagado en el monitor serial <\/span><\/span>\n  Serial.<\/span>println<\/span>(<\/span>"Apagado"<\/span>);<\/span><\/span>\n  \/\/ Apagamos el LED<\/span><\/span>\n  <\/span>digitalWrite<\/span>(LED_BUILTIN, LOW);<\/span><\/span>\n  <\/span>delay<\/span>(<\/span>500<\/span>);<\/span> \/\/ Esperamos 500 milisegundos<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Como podemos ver la \u00fanica diferencia entre el IDE de Arduino y la extensi\u00f3n de VSC PlatformIO es la primera linea incluye la librear\u00eda Arduino.h:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
#include<\/span> <\/span><Arduino.h><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Conectamos v\u00eda USB nuestra placa Arduino uno R3, presionamos el bot\u00f3n de Build<\/code> para compilarlo y verificarlo, y por ultimo el bot\u00f3n de Upload<\/code>., con ello quedara programada nuestra tarjeta. Activamos Serial Monitor<\/code> muy \u00fatil en la depuraci\u00f3n con el Serial.Println<\/code>. <\/p>\n\n\n\n
\"\"<\/a>
Build<\/em><\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Upload<\/em><\/figcaption><\/figure>\n\n\n\n
\"\"
Activar Serial Monitor<\/figcaption><\/figure>\n\n\n\n
Te recomiendo instalar estas extensiones:
https:\/\/marketplace.visualstudio.com\/items?itemName=vsciot-vscode.vscode-arduino<\/a>
https:\/\/marketplace.visualstudio.com\/items?itemName=ronaldosena.arduino-snippets<\/a><\/p>\n\n\n\n
Se mostrara como en esta simulaci\u00f3n: <\/p>\n\n\n\n
Presiona el bot\u00f3n de Start Simulation<\/code>, ve como enciende y apaga el LED, luego clic a <\/ Code<\/code> y por ultimo a Serial Monitor<\/code><\/p>\n\n\n\n