Laravel 7 + Vue

Este es una tutorial basico de como esta instalar Laravel 7 con Vue y como empezar a utilizar Vue.

En esta pequeña guía veremos lo más basico que ya se encuentra en la documentación de Laravel que hemos trasladado a este blog.

Lo primer es iniciar con la instalación de Laravel, para lo cual tenemos dos opciones, usando unicamente composer o usando el instalador de Laravel.

Instalador de Laravel

composer global require laravel/installer
echo 'export PATH=$PATH:$HOME/.composer/vendor/bin' >> ~/.bashrc
source ~/.bashrc

Una vez instalado el instalador de laravel, ya podemos usarlo para instalar laravel de la siguiente forma

laravel new [project]

Si no se especifica [project] en el comando, el instalador iniciara un nuevo laravel en el directorio donde se está ejecutando.

La otra manera de instalar Laravel es mediante composer, ésto instalara la versión más reciente.

composer create-project --prefer-dist laravel/laravel <project-name>

O bien podemos instalar una versión especifica

composer create-project laravel/laravel=5.8.14 <project-name> --prefer-dist

Una vez instalado recordemos que podemos usar el servidor web incluido con laravel para desarrollo sin la necesidad de montar un servidor como Nginx o Apache.

php artisan serve

Y con esto podemos visitar el URL http://127.0.0.1:8000 con nuestra instalación de Laravel

Para poder empezar a trabajar con Vue en Laravel es necesario que instalemos un paquete mediante composer llamado ‘laravel/ui’, en nuevas versiones Laravel ha separado la parte de la UI en un paquete adicional con lo que podemos elegir el scaffolding a usar, ya que recordemos podemos usar Blade’s, Vue o React.

composer require laravel/ui

Y enseguida generamos el scaffolding a usar, que en éste caso será Vue

php artisan ui vue

Por simplicidad de ésta serie de tutoriales, usaremos el scaffolding de login y registration de Laravel + Vue

php artisan ui vue --auth

Con ésto ya tenemos nuestra instalación muy básica de Laravel 7 + Vue, en el siguiente tutorial veremos como usar passport y nuestros primeros pasos con Vue.

Alejandro M.

Ingeniero Mexicano especialista en Seguridad Informática. Conocimientos en Cisco con la certificación Cisco Certified Network Professional - Security, Fortinet con ahora NSE-4, Certified Ethical Hacker. Trabajo con sistema operativos Linux para servidores de servicios web, dns, balanceo de carga, etc... Fanático de los MMORPG