ANEXO 1

Codeando en Codeblocks

Breve descripción
Aquí describiremos como instalar, configurar y utilizar el IDE Codeblocks

Versión 1.2

Martin Jerman
Martin.jerman@inspt.utn.edu.ar
Anexo 1 – Codeando en Codeblocks

Introducción
Para programar en C se necesita básicamente de un editor de texto. Existen varios editores
disponibles, algunos de pago y otros gratuitos, como el Notepad de Windows o el Notepad++. Pero
estos editores de texto son simplemente eso, editores de texto (a excepción del Notepad++ que
tiene algunas funcionalidades extra, como resaltar la sintaxis del lenguaje si es que lo reconoce).
Para poder programar en C, es mejor utilizar un Entorno de Desarrollo Integrado o IDE. Podríamos
utilizar por ejemplo el Dev-C++ pero su desarrollo esta abandonado desde 2011. Por lo cual
trabajaremos con Codeblocks.
La ventaja de utilizar un IDE en lugar de un simple editor de textos es que el IDE provee:
• un editor de texto
• un gestor de proyectos
• un compilador
• un depurador
¡Entonces… manos a la obra! Bajemos el IDE, instalémoslo y configurémoslo.

Instalación de Codeblocks en Windows

Primero debemos bajar el programa. El link directo de descarga del IDE es
http://www.codeblocks.org/downloads/binaries. Este IDE es muy personalizable, por lo cual tiene
varias versiones para descargar. La versión que incluye el compilador de C es la MinGW.

Una vez descargado, corremos el instalador y seguimos el asistente sin hacer cambios.

Profesor Martin Jerman 2 de 17

Anexo 1 – Codeando en Codeblocks

Una vez terminada la instalación, el instalador lanza la aplicación.

Instalación de Codeblocks en Ubuntu (y derivados)

Para instalar Codeblocks en Ubuntu Linux (o alguno de sus derivados, como Linux Mint), solo basta
con iniciar un terminal y correr los siguientes comandos:
sudo add-apt-repository ppa:codeblocks-devs/daily
sudo apt-get update
sudo apt-get install codeblocks codeblocks-contrib

Cambio de idioma al español

Si no te sientes cómodo con el inglés, es posible cambiar el idioma del IDE a español pegando la
carpeta locale provisto en la carpeta de instalación del IDE, que por defecto es C:\Program Files
(x86)\CodeBlocks\share\CodeBlocks.

La carpeta locale quedaría como en la imagen de bajo:

Una vez colocada la carpeta, hay que ir a Settings > Environment.

Profesor Martin Jerman 3 de 17

Anexo 1 – Codeando en Codeblocks

Luego ir al menú View y habilitar el ítem Internationalization para luego elegir Spanish.

Luego del cambio, hay que reiniciar el IDE para que el cambio tenga efecto.

IMPORTANTE: no todos los recuadros del IDE se traducirán al español, pero al menos los más
importantes estarán disponibles.

Configuración
Al abrir Codeblocks por primera vez, veremos algo como la imagen de abajo.

3
2

Codeblocks divide la pantalla en 4 secciones:

Profesor Martin Jerman 4 de 17

Anexo 1 – Codeando en Codeblocks

1- La barra de herramientas: aquí estarán todas las opciones de apertura de archivos, edición
de código, compilación, etc.
2- Administrador de proyectos: aquí aparecerá el listado de archivos C abiertos o el árbol de
archivos del proyecto en el que se está trabajando
3- Panel principal: es donde aparecerá el código para ser editado
4- Visor de logs: aquí se mostrarán los errores (entre otras cosas) al momento de compilar.
Una vez abierto, hay que configurar el IDE para que compile los programas que escribimos según el
estándar ANSI.
Para ello vamos a Settings > Compiler.

Aquí debemos asegurarnos de que el compilador seleccionado sea el GNU GCC Compiler, como se
muestra abajo:

Luego en la pestaña Compiler Settings > Compiler Flags hay que activar las dos siguientes
opciones:
• Opción -std=c11: esta opción fuerza el estándar ANSI en el compilador de C.

Profesor Martin Jerman 5 de 17

Anexo 1 – Codeando en Codeblocks

• Opción -Wall: esta opción agrega advertencias para optimizar el código.

• Opción -pedantic-errors: fuerza a tener cierto estándar al momento de declarar variables.

¡Con esto tendremos el compilador ya listo para trabajar!

Profesor Martin Jerman 6 de 17

Anexo 1 – Codeando en Codeblocks

Compilando mi primer programa

Una vez configurado, probemos el programa modelo de la programación: el hola mundo. Para ello
debemos crear un archivo vacío desde File > New > Empty File o desde el atajo en la barra de
herramientas.

Aparecerá un archivo llamado *Untitled1 en el panel principal del IDE. Este archivo es temporal y
no esta guardado aún.
A continuación, copiamos y pegamos el código del “hola mundo”:
#include <stdio.h>
int main ()
{
printf("hola mundo!\n");
return 0;
}

Quedando algo así:

Notar que tras el copy/paste seguramente tendrás que editar las comillas dobles al formato correcto.
Para poder compilar el código, es necesario guardar el código fuente primero. Por ello lo guardamos,
por ejemplo, en el Escritorio

Profesor Martin Jerman 7 de 17

Anexo 1 – Codeando en Codeblocks

Inmediatamente después de guardar el archivo, el IDE reconoce

que el código es lenguaje C por la extensión del archivo que El código fuente en C debe
guardamos (.c). Es importante guardar los archivos con la
ser guardado archivos de
extensión correcta.
extensión .c

Una vez guardado, resta compilar y ejecutar el programa. Para ello tenemos 3 botones:
• Build: compila el programa.

• Run: corre el programa que ya se compilo antes. Si se edita el código y no se

compila, el programa que se corre es el último compilado.

• Build and Run: esta es la opción mas recomendada, dado que antes de
correrlo se compila. De este modo seguro estamos probando lo último
que escribimos.
Una vez finalizada la compilación, veremos que en el visor de logs nos da el resultado de la
compilación exitosa y…

… se ejecuta el programa!

Profesor Martin Jerman 8 de 17

Anexo 1 – Codeando en Codeblocks

Es importante destacar que programando de esta forma no disponemos del depurador de C. Para
poder utilizarlo, necesitamos armar un proyecto.

Usando un proyecto para trabajar

Otra forma de desarrollar programas en C es a través de un proyecto. Para programas cortos o
pequeños tal vez el uso de un proyecto sea demasiado, pero la gran ventaja de esta opción es que
con un proyecto podemos usar el depurador de C.
Para crear un proyecto tenemos que ir a File > New > Project

Luego seleccionar Projects y en Category seleccionar la opción Console application:

Luego click en Go, luego Next…

Profesor Martin Jerman 9 de 17

Anexo 1 – Codeando en Codeblocks

Aquí se debe seleccionar la opción C, luego Next

Luego debemos poner un titulo al proyecto, por ejemplo, miPrimerProyecto. Por defecto éste se
guardará en la carpeta Documentos, pero esto puede cambiar. Luego cliquear en Next.

Profesor Martin Jerman 10 de 17

Anexo 1 – Codeando en Codeblocks

Luego aparecerán los detalles del compilador a utilizar, dejemos el compilador GNU GCC Compiler.

Finalmente cliquear en Finish.

En este punto el proyecto aparecerá en la sección de Administración, del lado izquierdo del IDE

Profesor Martin Jerman 11 de 17

Anexo 1 – Codeando en Codeblocks

Si hay un Proyecto abierto y queremos compilar

un archivo .c particular, debemos cerrar el
proyecto desde el Administrador de proyectos.

Hay que navegar el árbol de carpetas hasta encontrar el main.c y abrirlo. Es en este archivo donde
escribiremos nuestro código.
Para compilar el proyecto utilizaremos las mismas opciones que para los archivos C.

Usando el depurador
Las opciones de depuración se activan al trabajar en un proyecto. Estas opciones aparecen en la
barra de herramientas.

Para usar estas opciones, hay que configurar un depurador.

Vamos Resource Compiler y elegimos gdb32.exe que se encuentra en el path que ya está abierto
(C:\Program Files (x86)\CodeBlocks\MinGW\bin\gdb32.exe).

Luego el campo Resource compiler queda con la opción gdb32.exe.

Luego ir a Settings > Debugger

Profesor Martin Jerman 12 de 17

Anexo 1 – Codeando en Codeblocks

Luego en GDB/CDB debugger > Default, cliquear en el botón de tres puntos de Executable path y
elegir gdb32.exe de nuevo, que está en la ruta
C:\Program Files (x86)\CodeBlocks\MinGW\bin\gdb32.exe

La ruta completa del gdb32.exe queda escrita en campo Executable path.

Luego de configurarlo, ya estamos listos para utilizar el depurador. Para utilizarlo es necesario
cliquear en la línea en la que queremos que la ejecución del código se detenga, por ejemplo, en la

Profesor Martin Jerman 13 de 17

Anexo 1 – Codeando en Codeblocks

línea 6. El “seleccionar” es hacer un clic al lado del número de línea. Al seleccionar la línea aparecerá
un punto rojo. Este punto rojo se llama breakpoint.

Al compilar y ejecutar el programa, este ejecutara hasta llegar a esa línea. En este caso, la ventana
donde corre el programa queda justo antes de ejecutar el printf:

Y en el IDE, queda señalada la línea en la que se detuvo la ejecución, marcada con un cursor amarillo
en el primer breakpoint que se encuentre:

Finalmente utilizaremos las opciones del menú del depurador en la barra de tareas para depurar
según necesitemos:

Las funciones son:

• Debug/continue (el play rojo): ejecuta el programa hasta el primer breakpoint para depurar.
Si se presiona una vez más, el programa corre hasta el siguiente breakpoint o hasta el final.
• Run to cursor: ejecuta hasta el final
• Next line: ejecuta la instrucción y se detiene en la siguiente. Si la siguiente es un bloque, se
ejecuta el bloque completo como una sola instrucción.

Profesor Martin Jerman 14 de 17

Anexo 1 – Codeando en Codeblocks

• Step into: ejecuta a la instrucción siguiente. Si es un bloque de sentencias, se ejecuta la

siguiente instrucción dentro del bloque y se detiene.
• Step out: si se esta ejecutando un bloque, se ejecuta el bloque completo y se detiene en la
siguiente instrucción después del bloque.
• Next instruction: ejecuta la siguiente instrucción.
• Step into instrucción: ingresa al bloque para ejecutar sus instrucciones.
• Break debugger: pausa el depurador.
• Stop debugger: detiene el depurador.

Seguimiento de variables
Durante la depuración de un programa, podemos ver y seguir los valores que va tomando una
determinada variable que nos interese.
Para ello probemos el siguiente código en un proyecto:
#include <stdio.h>
#include <stdlib.h>
int main()
{
int a = 1;
printf("A vale %d\n",a);
a++;
printf("ahora a vale %d\n",a);
return 0;
}

Una vez establecido el breakpoint y ejecutado el programa con el depurador, podemos hacer clic
derecho sobre la variable deseada y verla con la opción Watch.

Con esto veremos que aparece un pop-up de Watches donde se lista la variable, su tipo y valor.

Profesor Martin Jerman 15 de 17

Anexo 1 – Codeando en Codeblocks

Ejecutando paso a paso se vera la evolución de las variables listadas en el pop-up de Watches.
Con esto es posible empezar a desarrollar programas cada vez mas avanzados y en caso de un error
o comportamiento no previsto, poder depurarlo y ver qué es lo que está ocurriendo.

Cambiando colores de sintaxis

Por momentos, los colores usados por defecto pueden parecer molestos; especialmente los
comentarios que son de un gris muy claro. Para cambiar los colores del resaltado de sintaxis, hay
que ir a Settings > Editor
Luego bajar hasta el menú Syntax Highlighting en
el panel izquierdo y finalmente elegir el ítem que
queremos cambiarle el color. Por ejemplo, el
comentario en párrafo es Comment y el
comentario en la línea es el Comment Line.

Profesor Martin Jerman 16 de 17

Anexo 1 – Codeando en Codeblocks

En esta misma ventana podemos cambiar el fondo blanco por uno mas oscuro. Pero este cambio
nos forzara a cambiar todo lo que por defecto esté en negro a color blanco. Pero para esto es mejor
bajarse el tema oscuro de internet.
Para instalar el tema oscuro y otros temas, seguiremos los siguientes pasos:
1- Cerrar Codeblocks
2- Bajarse el colour_themes.conf desde aquí:

colour_themes.conf

O bajarlo el código XML desde este link:

http://wiki.codeblocks.org/index.php/Syntax_highlighting_custom_colour_themes

3- Luego, hay que abrir la carpeta %appdata%\CodeBlocks (sí, la ruta es correcta, es una
variable de entorno del sistema operativo referenciada al usuario que estas usando) y
renombrar el archivo default.conf existente por algo más, como default-backup.conf.

4- Luego el archivo colour_themes.conf que bajamos de internet, lo renombramos a

default.conf y lo pegamos en la carpeta %appdata%\CodeBlocks.
5- Finalmente resta abrir el Codeblocks y elegir el tema oscuro desde Settings > Editor > Syntax
Highlighting como lo muestra la siguiente imagen

Profesor Martin Jerman 17 de 17