Tutoriales Ubuntu

Instalar Laravel 8, Livewire, NodeJS 15 y NPM 7 en Ubuntu

Vamos a ver como instalar estos componentes en Ubuntu.

Para instalar Laravel 8 en Ubuntu tenemos que tener composer instalado y es recomendable tener algún paquete tipo LAMPP o XAMPP instalado (PHP 7, Apache, MySQL) y PHPMyAdmin. En esto no vamos a entrar en este tutorial, que asume que tenéis esto ya instalado y en marcha.

Una vez tenemos esto listo, entramos a la terminal y simplemente creamos un proyecto Laravel con Composer. En mi caso nos vamos a la carpeta /var/www/html/ que es la que muestra el localhost con Apache y ahí ejecutamos:

composer create-project laravel/laravel NombreDelProyecto --prefer-dist "8.*"

Esto nos creará un proyecto Laravel 8, es decir, nos instalará Laravel 8 en /var/www/html/NombreDelProyecto/. Es recomendable dar permisos a las carpetas con chmod:

sudo chmod -R 777 /var/www/html/NombreDelProyecto/

Para comprobar que todo ha ido bien abrimos el navegador (con apache arrancado) y vamos a la url localhost/NombreDelProyecto/public y deberíamos ver la página de bienvenida de Laravel. Con esto quedaría instalado Laravel 8 en Ubuntu.

Para instalar Livewire en Ubuntu y en nuestro proyecto de Laravel 8, primero debemos tener instalado NodeJS y npm. Vamos a ver como instalarlos a través de NVM (recomendado). Primero instalamos NVM ejecutando el siguiente comando en consola, a dia de hoy la versión 0.36.0 es la actual, comprueba si hay alguna nueva:

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash

Una vez instalado, cerramos la consola y volvemos abrirla y procedemos a instalar NodeJS 15 con NVM poniendo:

nvm install node

Este comando nos va a instalar la versión actual de NodeJS (15 a dia de hoy) y npm (7 a dia de hoy) Cuando termine la instalación podemos comprobar la versión instalada con el comando:

node -v

npm -v

A continuación instalamos Livewire con los siguientes comandos dentro del directorio de nuestro proyecto, en mi caso en /var/www/html/NombreDelProyecto/:

composer require laravel/jetstream

php artisan jetstream:install livewire

npm install && npm run dev

Y listo, ya tenemos instalado Laravel 8, Livewire, NodeJS 15 y NPM 7.

Salir de la versión móvil