Tutorial

Descarga e instalación de una IDE para compilar C++ en Windows y

optimizar el proceso de programación

Elaborado por: Coordinadores de ACM-UTEC [ICPC]

2018-I
P á g i n a 1 | 19
Índice:
0. Introducción
1. IDE
1.1. Definición
1.2. Objetivo
1.3. Ventajas y usos de la IDE
1.4. IDE’s conocidas.
2. Descarga e instalación de una IDE en Windows
2.1. Descarga de la IDE (Code::Blocks)
2.2. Instalación de la IDE (Code::Blocks
3. Uso de Code::Blocks
3.1. Crear un proyecto en Code::Blocks
3.2. Compilar y ejecutar en Code::Blocks
3.3. Guardar cambios hechos en el proyecto
4. Recomendaciones para el correcto uso de la IDE
4.1. Directorio de los proyectos

P á g i n a 2 | 19
0.- Introducción
En ACM – UTEC [ICPC] recomendamos el uso de una IDE para que así puedas tener registrado todos los ejercicios que resuelvas, así como también puedas
hacer apuntes de lo enseñado, para optimizar el proceso de aprendizaje.

En el presente informe, te enseñaremos a instalar una IDE que te podrá servir muchísimo a lo largo de tu aprendizaje en C++. El nombre de esta IDE se
llama “Code::Blocks” y la recomendamos debido a su rápida instalación y también por su estructura, esta permite un manejo eficiente de proyectos y archivos,
por lo que lo podrás utilizar en “ACM – UTEC [ICPC]” y en “Programación orientada a objetos I”.

1.- IDE
1.1.- Definición
Una IDE (entorno de desarrollo integrado), llamado IDE por sus siglas en inglés de “Integrate Development Environment”, es un entorno de programación
que ha sido empaquetado como un programa de aplicación, o sea, consiste en:

• Un editor de código.
• Un compilador.
• Un depurador.
• Un constructor de interfaz gráfica.

Puede dedicarse en exclusiva a un solo lenguaje de programación o bien puede utilizarse para varios. En

1.2.- Objetivo
El principal objetivo de una IDE es implementar las 4 herramientas especificadas en la definición, para hacer más óptimo el proceso de programación. A
continuación, se especifica cuál es la función que cumplen estas 4 herramientas que conforman a la IDE:

1.2.1.- Editor de código:

• Como su nombre lo dice, permite modificar el código fuente del programa para su posterior compilación y ejecución.

1.2.2.- Compilador:

• El objetivo de esta herramienta es traducir el código fuente en el lenguaje interno de la computadora (lenguaje máquina).

1.2.3.- Depurador:

• El depurador permite correr el programa con la opción de ejecutarlo paso por paso. De acá es donde viene el nombre de depuración de programas, este
es el proceso de identificar y corregir errores de programación.

1.2.4.- Constructor de interfaz gráfica:

• Esta simplifica la creación de interfaces gráficas de usuario. Así es posible visualizar cuál es el resultado de compilar y ejecutar el código fuente.

1.3.- Ventajas que ofrece una IDE

Al contar con las 4 herramientas anteriormente especificadas, se tienen muchas ventajas las cuales se especifican a continuación:

• Conocimiento de las estructuras del lenguaje de programación: La capacidad de un IDE para conocer las palabras clave y los nombres de función de
un idioma es crucial. El IDE puede usar este conocimiento para hacer cosas tales como resaltar errores tipográficos, sugerir una lista de funciones
disponibles en función de la variable que se está tratando, mostrar los argumentos de una función escogida.
• Administración de recursos: Al crear aplicaciones, los idiomas a menudo dependen de ciertos recursos, como archivos de biblioteca o archivos de
encabezado, que son incluidas en los paquetes del lenguaje de programación. Los IDE deberían poder administrar estos recursos.
• Depuración: es posible detectar rápidamente la línea de código en el que se viole las reglas de sintaxis del lenguaje de programación que se está
utilizando.
• Creación y guardado de archivos: Muestra una interface amigable para el creado y guardado de archivos.
Manejo de varios archivos al mismo tiempo: Algunas IDE’s permiten tener más de 1
archivo abiertos a la vez, para que así no te veas condicionado a cerrar un archivo para
abrir otro. Orden al hacer proyectos: Permite tener mucho más orden al hacer proyectos
en el que se tiene un árbol de archivos, esto quiere decir que la función principal (main)
depende de demás funciones que están especificados en archivos diferentes.
• ¡Lo mejor de todo! Las principales funciones funcionan off-line, por lo que, si instalas un
IDE en tu PC, podrás trabajar tranquilamente en tu proyecto aun así cuando no tengas
acceso a Internet.

Cabe resaltar que las tareas que realiza un editor de texto para crear los archivos de origen, un
compilador y un enlazador para producir archivos ejecutables y otros recursos, como la gestión
de proyectos y las capacidades de depuración, se pueden realizar en un entorno de línea de
comandos invocando individualmente las herramientas apropiadas.

P á g i n a 3 | 19
1.4.- IDE’s conocidas
Una de las IDE’s más conocidas para el manejo de C++ son:

• Microsoft Visual C++

• Code::Blocks
• CLion
• Embarcadero C++ Builder
• Apple Xcode
• Open Watcom C++
• Digital Mars C++
• Freescale CodeWarrior

P á g i n a 4 | 19
2. Descarga e instalación de una IDE en Windows
A continuación, mostraremos como instalar “Code::Blocks” en Windows para el manejo de C++. Cabe resaltar que no es obligatorio que tengas instalado esta
IDE en tu PC, puedes instalar la que sea de tu preferencia.

2.1 Descarga de la IDE:

Paso 1: Abres tu navegador

Paso 2: Buscas Code::Blocks en Google

Paso 2: Seleccionas la opción “Downloads” del primer resultado.

P á g i n a 5 | 19
Puedes entrar directamente a la página, entrando al siguiente link: http://www.codeblocks.org/downloads

Paso 3: Al entrar a la página, seleccionas “Download the binary reléase”:

Paso 4: Posteriormente procedes darle clic en “Sourceforge.net”, el cual se encuentra en la misma fila que “codeblocks-17.12mingw-setup.exe”.

Paso 5: Serás redireccionado a una página, en donde deberás esperar 5 segundos y empezará la descarga automáticamente. Específicamente, tendrás la siguiente
vista:

P á g i n a 6 | 19
Si has seguido todos los pasos, empezará la descarga automáticamente:

Para empezar con la instalación, dirígete a la ubicación en donde se ha guardado el archivo descargado, así podrás ejecutar el instalador.

2.2.- Instalación de la IDE:

Paso 1: Ejecutas el instalador como administrador.

P á g i n a 7 | 19
Paso 2: Te aparecerá la notificación usual cuando ejecutas algún programa como administrador, por lo que tendrás que poner “Si”, posteriormente se te abrirán
una ventana y le das clic en Next.

Paso 3: Aceptas los “Términos y condiciones” dándole clic en “I Agree”.

Paso 4: Antes de presionar “Next” en la ventana que se abre, asegúrate que en la sección “Select the type of install”, este seleccionada la opción “Full:
All plugins, all tools, just everything”. Si ya se encuentra seleccionada esa opción, le das clic en “Next”.

P á g i n a 8 | 19
Paso 5: En la nueva ventana que abrirás, tendrás que seleccionar el directorio de instalación. Por defecto, el instalador habrá seleccionado una carpeta en el
disco “C:/”, te recomendamos que lo dejes ahí. Das clic en Install.

Empezará la instalación, aproximadamente tarda menos de 1 minuto.

Cuando la barra de carga haya llegado al final, significa que el proceso ha acabado, para confirmar que la instalación se ha realizado correctamente, la última
línea de los mensajes debería decir: “Completed”.

A continuación, te aparecerá un mensaje preguntándote si quieres iniciar Code::Blocks ahora, le das clic en “Si”.

P á g i n a 9 | 19
Si has seguido todos los pasos correctamente, se podrá abrir Code::Blocks sin ningún problema y tendrás la siguiente vista:

Por cierto, por defecto se te creará un acceso directo al escritorio:

P á g i n a 10 | 19
3. Uso de Code::Blocks
3.1.- Crear un proyecto en Code::Blocks
Paso 1: Abres Code::Blocks.

Paso 2: Das clic en File → New → Project:

Paso 3: Se te abrirá una ventana en el que tendrás que seleccionar el tipo de tu proyecto. Asegúrate de estar en la sección “Projects” para proceder a
seleccionar “Console application”.

P á g i n a 11 | 19
Paso 4: Clic en “Go”.

Paso 5: Se abrirá una ventana, y tendrás que hacer clic en “Next”.

P á g i n a 12 | 19
Paso 6: Seleccionas “C++” y le das clic en “Next”.

Procederemos al paso más importante, ya que en este paso se selecciona el directorio en el que se guardará el proyecto y el nombre del proyecto.

Paso 7: Escribes el nombre del proyecto en la sección “Project Title” y luego le das clic en la casilla en la que se muestran los puntos suspensivos para
seleccionar el directorio en el que se guardará el proyecto. Es importante recalcar que no debes modificar “Project filename” y “Resulting filename”,
estas dos secciones se actualizarán automáticamente cuando cambies el nombre del archivo y el directorio.

En la siguiente imagen se muestra un ejemplo en el que se crea un proyecto con nombre “Hello World” en el directorio (D:\DOCUMENTOS\Desktop). No es
necesario que el proyecto sea creado obligatoriamente en el escritorio, tú puedes escoger el directorio que prefieras. En la siguiente sección de este tutorial te
mostraremos algunas recomendaciones para que seas más ordenado en el guardado y creación de tus proyectos.

P á g i n a 13 | 19
Paso 8: Una vez que se ha ingresado el nombre y el directorio del proyecto, debes hacer clic en “Next” y posteriormente en “Finish”.

Si has seguido todos los pasos correctamente, tendrás la siguiente vista. En la sección “Workspace” de Code::Blocks aparece el nombre del proyecto especificado
en el paso 7.

En términos generales, siempre que quieras crear un proyecto de C++ en el cual se requiere el uso de consola, tendrás que seg uir los pasos que han sido
mostrados.

P á g i n a 14 | 19
3.2.- Compilar y ejecutar en Code::Blocks
Siguiente con el ejemplo anterior: En el proyecto que se creó llamado “Hello World”, verás que en la subcarpeta “Sources” del proyecto hay un archivo
llamado “main.cpp”, si le das doble clic, verás lo siguiente:

Como se puede observar, este ya contiene líneas de código creadas. En Code::Blocks, por defecto, siempre que se cree un proyecto, el archivo main.cpp,
tendrá las siguientes líneas de código:

#include <iostream>
using namespace std;

int main()
{

cout << "Hello world!" << endl;

return 0;

Para comprobar que el compilador, el que viene incluido en el instalador de Code::Blocks, funciona correctamente, procederemos a compilar y ejecutar el
código, para eso le damos clic a la opción “Build and run”.

P á g i n a 15 | 19
Al darle clic a esa opción, se compilará y ejecutará el código y el resultado será el siguiente:

Como se puede observar, se ha impreso “Hello world!” en la consola, esto quiere decir que el compilador funciona correctamente.

En términos generales, siempre que quieras compilar y ejecutar el código fuente de tu proyecto, tendrás que darle clic a la opción “Build and Run”.

P á g i n a 16 | 19
3.3.- Guardar cambios hechos en el proyecto
Si quieres guardar los cambios hechos en el proyecto, solo es necesario tener abierto el archivo que se quiera guardar y posteriormente le das clic en la opción
“Save file”.

Una manera de confirmar que los cambios se han guardado correctamente, es fijándote que la opción “Save file” aparece en color gris.

P á g i n a 17 | 19
4.- Recomendaciones para el correcto uso de la IDE
4.1.- Directorio de los proyectos
Recomendamos que crees un directorio para que en este guardes los ejercicios de programación que has resuelto hasta el momento, así podrás tener un registro
de cuales son los que has hecho en todo el transcurso del taller de ICPC.

En la siguiente imagen se muestra la carpeta de uno de los coordinadores de ICPC. Cada una de las carpetas representan un proyecto creado en Code::Blocks.

Así, cuando se quiera revisar el algoritmo que solucionaba ese ejercicio, solo será necesario darle doble clic al archivo “.cbp” de la carpeta del proyecto, y este
será abierto en Code::Blocks.

Como se mencionó anteriormente, la IDE permite tener varios archivos abiertos a la vez, lo cual es muy útil, ya que permite analizar varios archivos en una
misma ventana.

P á g i n a 18 | 19
Cualquier duda acerca de C++ o problema que tengas con la instalación, no dudes en hacerla por el grupo de
Telegram: ACM-UTEC [ICPC].

Recuerda que el límite que existe es el que tú te pones. Tú puedes

entenderlo y lograrlo todo, solo es cuestión de perseverancia.

Nos vemos este sábado.

P á g i n a 19 | 19