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.
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
- Instalación y configuración de Laravel Mix
- Curso de Vue 2
- Sistema de plantillas y layout con Bootstrap 3
Regístrate hoy en Styde y obtén acceso a todo nuestro contenido.
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