Llegamos al final de esta serie de papers sobre como tener un entorno de desarrollo moderno. En esta última entrega les voy a enseñar a levantar Laravel usando Laradock (que lo vimos en la parte 2) y finalmente enlazarlo a Github (visto en la parte 1).

En la parte 2, vimos como crear un index.php y poderlo ver desde nuestro browser, ahora pasaremos a instalar Laravel para que ya quede listo para su uso.

Laravel

En la consola, vamos a colocar el comando

 docker-compose exec workspace bash
Entorno de desarrollo moderno (Parte III) 15

Lo que hace ese comando es habilitarnos la opción de poder crear un nuevo proyecto de tipo laravel. Como se puede ver en la imagen anterior, nos sitúa en la ruta /var/www

Ahí se puede ver el directorio laradock y el directorio prueba, que será el que utilizaremos para meter Laravel ahí dentro.

Seguido a todo esto, pasaremos a crear ahora si el proyecto, para ello tipearemos el siguiente comando

composer create-project laravel/laravel prueba

Esto comenzará a crear el proyecto, puede demorar dependiendo de nuestra PC y velocidad de internet

NOTA: Con ese comando le estamos diciendo que cree el directorio prueba y ponga todo el contenido de laravel ahí dentro, pero en la parte 1 nosotros habiamos vinculado este directorio con Github y también habiamos colocado un index.php. Ni bien pongamos el comando, tirará un error diciendo que el directorio no está vacío, y acá tenemos 2 opciones, o le cambiamos el nombre al directorio y luego lo volvemos a vincular con Github o borramos todo el contenido y luego lo volvemos a vincular. En este caso yo borré todo el contenido.

Entorno de desarrollo moderno (Parte III) 16

Una vez finalizado, abrimos nuevamente el http://localhost y podremos ver la página default de Laravel

Entorno de desarrollo moderno (Parte III) 17

Como bien dije antes, ahora tendremos conflictos en Github desktop ya que eliminamos el archivo de sincronización de GIT.

Entorno de desarrollo moderno (Parte III) 18

Simplemente vamos a la web de Github y borramos el proyecto

Entorno de desarrollo moderno (Parte III) 19

Vamos al Settings y en pie de página, clickeamos en Delete this repository

Entorno de desarrollo moderno (Parte III) 20

Ahora vamos nuevamente a nuestro Github desktop y agregamos uno nuevo proveniente desde nuestra PC

Entorno de desarrollo moderno (Parte III) 21

Indicamos el nombre y ubicación de nuestro nuevo repositorio. En este caso se llama prueba y debemos colocar la ubicación en Local path de esta manera:

Entorno de desarrollo moderno (Parte III) 22

Seguido a esto, damos click en Publish repository para subir todo el directorio con Laravel a nuestro repositorio de GitHub

Entorno de desarrollo moderno (Parte III) 23

Y con esto tendremos nuestro código en Github. Ahora veremos un detalle más, el cual es modificar el index de Laravel y veremos como subir los cambios con Github Desktop.

Abriremos el index y en este caso cambiaré el texto «Laravel» por «Underc0de»

Entorno de desarrollo moderno (Parte III) 24
Entorno de desarrollo moderno (Parte III) 25

Inmediatamente después de guardar los cambios, vamos a Github Desktop y veremos lo siguiente

Entorno de desarrollo moderno (Parte III) 26

La linea roja indica lo que había antes y la verde lo nuevo. Abajo a la derecha colocamos alguna descripción de lo que se hizo y ya podemos comitear el o los cambios que hagamos. Finalmente hacemos un PUSH y ya tendremos todos los cambios en nuestro repo de GitHub.

Entorno de desarrollo moderno (Parte III) 27

Si entramos a la web de Github, podremos ver exactamente lo mismo que tenemos en nuestro entorno de desarrollo.

Entorno de desarrollo moderno (Parte III) 28

Con esto podremos agregar gente a que colabore con nuestro código, pero ya escapa de lo que es la preparación de un entorno propio de desarrollo, es por ello que no lo veremos, o al menos por ahora. En caso de que les sirva, puedo escribir sobre ello y sobre como hacer merges en caso de conflictos de códigos utilizando Atom, que a este software lo mencioné al principio de la parte 1 y la verdad es que es muy útil y potente para estas cosas.

Ahora si llegamos al final, espero que les sirva y nos leeremos en otros posts
En caso de que tengan dudas, solo las dejan en los comentarios…

ANTRAX
Creditos: Gianella

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *