Novedades de Laravel 5.5

En esta segunda lección del Curso Novedades de Laravel 5.5, conoceremos una mejora para la parte del Frontend de nuestra aplicación: la posibilidad de configurar con cuál tecnología trabajar con los nuevos Frontend Presets, ejecutando tan solo un comando en la consola. 

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Notas

Por Clemir Rondón.

Por defecto, Laravel incluye sugerencias para usar Sass y Vue.js. Para saber más sobre el preprocesador de CSS Sass tenemos disponible nuestro Curso de Sass a fondo y puedes, además, ver nuestros cursos de Vue.js:

Si quieres aprender a escribir HTML más rápido como has visto en el video, puedes ver nuestro tutorial Escribe HTML y CSS más rápido con Emmet

Conoce los detalles de cómo usar Laravel Mix, una de las características presentadas en Laravel 5.4 con las lecciones Compila JS y CSS con Laravel Mix y Instalación y configuración de Laravel Mix

Para trabajar con las dependencias de frontend que están definidas en el archivo package.json, ubicado en la raíz del proyecto, necesitamos instalarlas con:

npm install 

Asegúrate de tener instalado node.js y npm en tu equipo.

También, como alternativa a npm puedes usar Yarn. Detalles en: Yarn: la alternativa veloz a npm

Sass y Vue.js son solo sugerencias de Laravel para la parte frontend de tus proyectos, pero ahora a partir de Laravel 5.5 nos incluye el comando php artisan preset con el cual podemos configurar qué queremos usar:

Para usar React ejecutas: php artisan preset react con el cual Laravel automáticamente eliminará todo lo relacionado con Vue.js y lo sustituirá por React.

En caso de querer eliminar lo relacionado con Javascript y CSS ejecutas:  php artisan preset none

Además, existen 2 opciones adicionales: bootstrap y vue, es decir,

php artisan preset bootstrap para configurar el proyecto para que use el framework de CSS Bootstrap con el preprocesador Sass.

php artisan preset vue para volver a colocar la configuración de Vue.js en el proyecto.

Laravel recomienda que ejecutes el comando preset solo en aplicaciones recién instaladas y no en aplicaciones de proyectos existentes.

Material relacionado

Únete a la discusión

Regístrate en Styde y obtén una invitación a nuestro Slack.

Lección anterior Instalación de Laravel 5.5 y el regreso del componente Whoops Lección siguiente Nuevos helpers de rutas en Laravel 5.5