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) 16 Entorno de desarrollo moderno (Parte III) 15](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_647,h_113/https://antrax-labs.org/wp-content/uploads/2019/03/20-laravel.png)
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) 17 Entorno de desarrollo moderno (Parte III) 16](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_728,h_646/https://antrax-labs.org/wp-content/uploads/2019/03/21-laravel2.png)
Una vez finalizado, abrimos nuevamente el http://localhost y podremos ver la página default de Laravel
![Entorno de desarrollo moderno (Parte III) 18 Entorno de desarrollo moderno (Parte III) 17](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_914,h_456/https://antrax-labs.org/wp-content/uploads/2019/03/22-laravel-instalado.png)
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) 19 Entorno de desarrollo moderno (Parte III) 18](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_960,h_661/https://antrax-labs.org/wp-content/uploads/2019/03/23-github.png)
Simplemente vamos a la web de Github y borramos el proyecto
![Entorno de desarrollo moderno (Parte III) 20 Entorno de desarrollo moderno (Parte III) 19](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_823,h_287/https://antrax-labs.org/wp-content/uploads/2019/03/25-eliminar-repo.png)
Vamos al Settings y en pie de página, clickeamos en Delete this repository
![Entorno de desarrollo moderno (Parte III) 21 Entorno de desarrollo moderno (Parte III) 20](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_831,h_432/https://antrax-labs.org/wp-content/uploads/2019/03/26-eliminar-repo2.png)
Ahora vamos nuevamente a nuestro Github desktop y agregamos uno nuevo proveniente desde nuestra PC
![Entorno de desarrollo moderno (Parte III) 22 Entorno de desarrollo moderno (Parte III) 21](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_957,h_655/https://antrax-labs.org/wp-content/uploads/2019/03/27-crear-repo-nuevo.png)
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) 23 Entorno de desarrollo moderno (Parte III) 22](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_899,h_619/https://antrax-labs.org/wp-content/uploads/2019/03/28-nuevo-repo.png)
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) 24 Entorno de desarrollo moderno (Parte III) 23](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_962,h_660/https://antrax-labs.org/wp-content/uploads/2019/03/29-github-listo.png)
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) 25 Entorno de desarrollo moderno (Parte III) 24](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_770,h_474/https://antrax-labs.org/wp-content/uploads/2019/03/32-codigo-fuente.png)
![Entorno de desarrollo moderno (Parte III) 26 Entorno de desarrollo moderno (Parte III) 25](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_928,h_432/https://antrax-labs.org/wp-content/uploads/2019/03/31-underc0de.png)
Inmediatamente después de guardar los cambios, vamos a Github Desktop y veremos lo siguiente
![Entorno de desarrollo moderno (Parte III) 27 Entorno de desarrollo moderno (Parte III) 26](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_656/https://antrax-labs.org/wp-content/uploads/2019/03/33-github-cambio.png)
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) 28 Entorno de desarrollo moderno (Parte III) 27](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_813,h_493/https://antrax-labs.org/wp-content/uploads/2019/03/34-push.png)
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) 29 Entorno de desarrollo moderno (Parte III) 28](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_564/https://antrax-labs.org/wp-content/uploads/2019/03/35-codigo-final-1024x564.png)
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