Aprender a manejar Xcode es el primer paso real para desarrollar aplicaciones en iOS. Desde la pantalla de bienvenida hasta ver tu primer "Hola, mundo" corriendo en el simulador, cada sección del entorno de desarrollo tiene un propósito claro que facilita tu flujo de trabajo como desarrollador.
¿Qué opciones ofrece la pantalla de bienvenida de Xcode?
Antes de empezar cualquier proyecto, conviene anclar Xcode en el Dock de tu Mac. Basta con dar clic derecho sobre el ícono, ir a Opciones y seleccionar Mantener en el Dock para tenerlo siempre accesible [0:14].
La pantalla de bienvenida presenta tres caminos principales:
- Crear un proyecto nuevo: permite iniciar una app para iPhone, iPad, Mac, Apple Watch o Apple TV [0:27].
- Clonar un proyecto existente: conecta con un repositorio Git externo o interno para continuar un trabajo previo [0:39].
- Abrir un proyecto guardado: accede a proyectos que ya tienes en tu computadora [0:50].
¿Cómo se configura un nuevo proyecto iOS?
Al crear un proyecto nuevo, Xcode muestra las plataformas disponibles: multiplataforma, iOS, macOS, watchOS y tvOS. Para desarrollo móvil se selecciona iOS [1:03]. Dentro de esa categoría puedes elegir entre una app sencilla, un documento, un juego de realidad aumentada o una aplicación de stickers. La opción App proporciona las bases necesarias para escribir código de inmediato [1:14].
En la siguiente pantalla aparecen campos esenciales para identificar tu aplicación:
- Product Name: el nombre visible de tu app, por ejemplo "Platzi" [1:34].
- Team: el equipo de desarrollo asociado a tu Apple ID. Si eres individual, aparece como Personal Team [1:41].
- Organization Identifier: se escribe en formato inverso de dominio, como
com.platzi [2:15].
- Bundle Identifier: se genera automáticamente combinando el Organization Identifier con el Product Name, resultando algo como
com.platzi.platzi [2:27].
¿Qué tecnologías elegir al crear el proyecto?
El campo Interface ofrece dos opciones: SwiftUI y Storyboard. Storyboard corresponde a la generación anterior con UIKit, mientras que SwiftUI es la tecnología más actual y recomendada [2:38]. El Life Cycle o ciclo de vida de la aplicación también debe configurarse en SwiftUI App [2:51]. El lenguaje queda fijado en Swift cuando seleccionas SwiftUI.
Existen dos casillas adicionales: Core Data, que funciona como una base de datos orientada a objetos, y la opción de tests para pruebas automatizadas, especialmente útiles en equipos de trabajo [3:16]. Ambas se pueden omitir por ahora.
Finalmente, Xcode pregunta dónde guardar el proyecto y si deseas crear un repositorio Git interno para control de versiones [3:33].
¿Cuáles son las partes principales de la interfaz de Xcode?
El IDE se divide en tres secciones fundamentales que hacen que todo esté bien organizado [3:55]:
- Navegador: ubicado a la izquierda, permite recorrer los archivos del proyecto. Aquí encuentras el archivo
ContentView con el código de tu primera pantalla, y la carpeta Assets para almacenar imágenes y colores [4:09].
- Editor: ocupa la parte central. Cuando seleccionas un archivo
.swift, muestra el código a la izquierda y el resultado visual (canvas) a la derecha tras pulsar Resume [4:30].
- Inspector: aparece a la derecha y permite modificar propiedades del elemento seleccionado. Por ejemplo, al seleccionar un texto en el editor puedes cambiar su contenido directamente desde el inspector [4:54].
La barra de herramientas superior incluye el botón de play para ejecutar la app en el simulador, que replica completamente el hardware y el sistema operativo iOS dentro de tu computadora [5:16]. También puedes seleccionar distintos dispositivos como iPhone o iPad, e incluso conectar un dispositivo físico habilitando la opción de "Confiar en esta computadora" [5:50].
¿Cómo personalizar Xcode para trabajar mejor?
Desde Xcode > Preferencias > Themes puedes cambiar entre el tema claro (light) y el default dark, además de ajustar el tamaño de fuente del editor [6:17]. En la sección Text Editing es importante activar dos opciones:
- Line Numbers: muestra el número de línea para ubicarte fácilmente.
- Code Folding Ribbon: permite minimizar bloques de código y mantener el editor organizado [6:47].
Otras herramientas de productividad incluyen la barra de navegación del editor para saltar entre secciones de código [7:10], los botones para ocultar el navegador o el inspector y liberar espacio, y el Minimap que ofrece una vista panorámica del archivo [7:36].
Para mantener el canvas actualizado de forma continua, pulsa el botón de play dentro del propio canvas y funcionará como un simulador integrado en tu editor [8:27]. Así puedes ver cada cambio en tiempo real sin necesidad de lanzar el simulador completo.
¿Ya tienes tu primer "Hola, mundo" corriendo? Comparte en los comentarios qué tema de Xcode prefieres y cómo personalizaste tu entorno de desarrollo.
