Inicialización del repositorio

Clase 19 de 53Curso de DevOps con GitLab

Resumen

¿Cómo iniciar un proyecto de Angular de manera profesional?

Comenzar un nuevo proyecto de Angular puede parecer un desafío, pero con la orientación adecuada, puedes dejar de ser un artesano del código y convertirte en un especialista, adoptando prácticas industriales y herramientas automáticas. Este enfoque te permitirá ser más eficiente y profesional. Aquí te mostramos cómo comenzar.

¿Qué necesitamos para iniciar en la consola?

  1. Crear un directorio: Nos dirigimos a la consola y creamos un nuevo directorio para nuestro proyecto.

    mkdir PlatziAngular
    cd PlatziAngular
    
  2. Inicializar Angular: Para inicializar un proyecto de Angular, es fundamental tener Angular CLI instalado previamente. Luego, simplemente ejecutamos:

    ng new platzi-devops
    

    Este comando nos guiará a través de una serie de preguntas para personalizar el proyecto, como el uso de preprocesadores CSS como SASS.

Configuración inicial del proyecto

Una vez instalado, revisamos que el ambiente de pruebas esté correcto. Angular ya tiene configurado un framework de pruebas para facilitar el desarrollo guiado por pruebas.

  1. Verificar pruebas: Ejecutamos las pruebas para asegurarnos de que todo funcione correctamente.

    ng test
    

    Este comando reconstruirá el proyecto y verificará las pruebas existentes para asegurarnos de que el entorno esté listo para el desarrollo.

  2. Iniciar el servidor de desarrollo: Para ver el proyecto en acción, simplemente ejecutamos:

    ng serve
    

    Luego, accedemos a nuestro navegador en http://localhost:4200 para ver el proyecto en funcionamiento.

¿Cómo integrar tu proyecto con Git?

La gestión de versiones es vital para trabajar de manera colaborativa y mantener el control sobre el código. Aquí se explica cómo conectar el proyecto con un repositorio Git.

  1. Configurar Git: Primero, debemos configurar nuestro usuario y correo electrónico a nivel global para los commits.

    git config --global user.name "Tu Nombre"
    git config --global user.email "tuemail@dominio.com"
    
  2. Inicializar el repositorio y enviar los cambios: Si Angular ya ha creado un commit inicial, simplemente configuramos el origen remoto y enviamos nuestro código.

    git remote add origin git@github.com:usuario/platzi-devops.git
    git push -u origin master
    

Este proceso nos ayuda a establecer un flujo de trabajo ordenado y preparado para la colaboración con otros desarrolladores.

¿Cómo resolver problemas y aprender más?

El desarrollo de software implica enfrentar y resolver problemas. Si encuentras dificultades al configurar o inicializar tu proyecto, es crucial buscar ayuda y continuar aprendiendo.

  • Explora cursos especializados en Angular y Git para profundizar tus conocimientos.
  • Participa en comunidades y foros para compartir dudas y experiencias.

Continúa impulsando tu carrera en la programación y busca constantemente mejorar tus habilidades y conocimientos. ¡El mundo del desarrollo web es vasto y está lleno de oportunidades por descubrir!