¡Saludos, entusiastas de Zig! 👋 Es el momento de configurar un entorno de desarrollo cómodo para mejorar tu experiencia de programación en Zig. En esta publicación, te guiaré para configurar Visual Studio Code (VS Code) para el desarrollo en Zig, incluyendo edición de código, ejecución y depuración. ¡Sumérgete en el tema! 🚀
Configurando Visual Studio Code para el desarrollo en Zig 🛠️
Para configurar VS Code para el desarrollo en Zig, sigue estos pasos:
-
Instala Visual Studio Code: Si aún no lo has hecho, descarga e instala Visual Studio Code para tu plataforma (Linux, Windows o macOS).
-
Instala la extensión de Zig: Abre el buscador rápido de VS Code (Ctrl+P), pega el siguiente comando y presiona enter.
ext install ziglang.vscode-zig
- Configura los ajustes: Para configurar los ajustes de la extensión de Zig, abre el editor de Configuración haciendo clic en el ícono de engranaje en la esquina inferior izquierda de la ventana y selecciona “Configuración”. Busca “Zig” en la barra de búsqueda y actualiza los ajustes según sea necesario. Por ejemplo, es posible que desees establecer la ruta del compilador de Zig si no está en la ubicación predeterminada.
¡Listo! Ahora estás listo para desarrollar en Zig en VS Code. 🎉
Ejecutando y depurando código 🏃♀️💻
Para ejecutar y depurar código Zig en VS Code, sigue estos pasos:
-
Crea un nuevo archivo Zig: Abre VS Code y crea un nuevo archivo con la extensión
.zig
, comomain.zig
. -
Escribe código Zig: Escribe un programa sencillo en Zig en tu nuevo archivo, como un programa “Hola, mundo”:
⚠️ ¡Atención, programador! Este post utiliza la versión 0.11.0-dev.3971 de Zig
const std = @import("std");
pub fn main() !void {
std.debug.print("Hello, {s}!\n", .{"World"});
}
- Configura tasks.json: Para ejecutar tu código Zig, necesitas crear un archivo
tasks.json
en la carpeta.vscode
de tu espacio de trabajo. Agrega la siguiente configuración al archivo:
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "shell",
"command": "zig build-exe main.zig",
"group": "build"
}
]
}
Este archivo de configuración define tareas para Visual Studio Code. Las tareas se utilizan para automatizar el proceso de construcción, prueba y despliegue de tu aplicación. En este caso, estamos definiendo la tarea de compilación:
"label": "build"
- Es el nombre que se le da a la tarea. En este caso, la tarea se llama “build”."type": "shell"
- Especifica que esta tarea se ejecutará en una shell o terminal."command": "zig build-exe main.zig"
- Es el comando que se ejecutará cuando se inicie esta tarea. Este comando compilará el archivomain.zig
en un ejecutable utilizando el compilador Zig."group": "build"
- Esto agrupa la tarea en la categoría “build”. Las tareas se pueden agrupar para un fácil acceso y gestión en Visual Studio Code.
- Ejecuta tu código Zig: Presiona
Ctrl+Shift+B
(oCmd+Shift+B
en macOS) para ejecutar la tarea “build”, que compila tu código Zig.
Salida:
* Executing task: zig build-exe <...>/main.zig
* Terminal will be reused by tasks, press any key to close it.
- Depuración: Para depurar tu código Zig, primero debes instalar las extensiones “Native Debug” de WebFreak y “CodeLLDB” de Vadim Chugunov.
Presiona ctrl-p (cmd+p en macOS) y ejecuta los siguientes comandos:
ext install webfreak.debug
y
ext install vadimcn.vscode-lldb
Una vez instaladas, crea un archivo launch.json
en la carpeta .vscode
de tu espacio de trabajo con la siguiente configuración:
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Zig",
"type": "lldb",
"request": "launch",
"program": "main",
"args": [],
"cwd": "${workspaceFolder}",
"preLaunchTask": "build"
}
]
}
Este archivo de configuración de lanzamiento se usa para definir cómo se debe depurar un proyecto. El campo configurations
tiene una lista de diferentes configuraciones de depuración que puedes usar. Puedes cambiar entre estas configuraciones en el menú desplegable de depuración en la parte superior de VS Code. La configuración se define así:
name
: Es el nombre que aparece en el menú desplegable de depuración. En este caso, está configurado como “Debug Zig”, lo que indica que esta configuración es para depurar programas escritos en Zig.type
: Define el depurador que se utilizará. En este caso, “lldb” indica que se utilizará el depurador LLDB de LLVM.request
: Puede ser “launch” o “attach”. “launch” inicia el programa en el depurador, mientras que “attach” se conecta a un proceso ya en ejecución. En la configuración el valor es “launch”, por lo que el depurador iniciará el programa.program
: Es el nombre del programa que se va a iniciar. En esta configuración, el valor es “main”, por lo que se espera un ejecutable llamado “main” en tu directorio de trabajo actual.args
: Es una lista de argumentos que se pasarán al programa cuando se lance. En tu caso, esta lista está vacía, por lo que no se pasarán argumentos.cwd
: Especifica el directorio de trabajo actual cuando se inicia el programa. “${workspaceFolder}” es una variable que se refiere al directorio raíz de tu espacio de trabajo actual en VS Code.preLaunchTask
: Es el nombre de una tarea definida en tasks.json que se ejecutará antes de que se lance el programa.
Este es solo un ejemplo de configuración de depuración. La configuración exacta puede variar según el lenguaje de programación y el entorno de desarrollo específicos que estés utilizando.
- Depura tu código Zig: Establece puntos de interrupción en tu código Zig haciendo clic en el margen izquierdo junto a los números de línea. Presiona
F5
para iniciar la depuración. El depurador se detendrá en tus puntos de interrupción, lo que te permitirá inspeccionar variables, avanzar paso a paso en tu código y utilizar otras funciones de depuración.
¡Eso es todo! Ahora has configurado Visual Studio Code para el desarrollo en Zig, incluyendo la ejecución, asistencia y depuración de tu código. 🎉
¿Qué más? 🌟
Con tu flamante entorno de desarrollo Zig, estás listo para explorar temas avanzados de Zig y crear proyectos asombrosos. ¡Mantente atento a más publicaciones en el blog sobre conceptos avanzados de Zig!
¡Sigamos explorando el mundo de Zig juntos! 👩💻👨💻🎨