Scaffolding Front-end significa crear una estructura básica para una aplicación. Laravel proporciona una forma muy sencilla de cambiar los ajustes preestablecidos/andamios de front-end con cualquiera de los otros andamios disponibles como Bootstrap , Vue y React .
Generar andamios:
- Paso 1: para generar un scaffolding, primero debemos instalar laravel/ui , que es un paquete composer y para hacerlo, debemos ejecutar el siguiente comando composer.
composer require laravel/ui --dev
- Paso 2: Después de eso, podemos ejecutar el comando ui craft para generar un andamio base. Como comentamos antes, podemos generar el scaffolding para Bootstrap, Vue o React y para eso ejecutaremos el siguiente comando artesanal.
- Oreja
php artisan ui bootstrap
- vista
php artisan ui vue
- Reaccionar
php artisan ui react
Esto creará un directorio de componentes en el directorio resources/js .
- Oreja
- Paso 3: Después de ejecutar cualquiera de los comandos preestablecidos anteriores, tendremos que instalar el npm, si no está instalado, para instalar ejecute el siguiente comando.
npm install
- Paso 4: ahora tenemos que ejecutar el siguiente comando npm para compilar el scaffolding.
npm run dev
Generar Scaffolding con Autenticación: debe completar el Paso 1 de Generar Scaffolding y luego seguir los pasos a continuación.
- Oreja
php artisan ui bootstrap --auth
- vista
php artisan ui vue --auth
- Reaccionar
php artisan ui react --auth
Esto creará un directorio de componentes en el directorio resources/js y también creará un directorio de autenticación y diseños con un archivo home.blade.php en el directorio resources/views .
npm install
npm run dev
Quitar Scaffolding: Para quitar un scaffolding generado, ejecutaremos el siguiente comando artesanal.
php artisan preset none
Nota: Esto eliminará el directorio de componentes , que se creó, pero no eliminará el archivo y el directorio, que se crearon durante el scaffolding de autenticación , en el directorio de recursos/vistas .
Referencia: https://laravel.com/docs/6.x/frontend
Publicación traducida automáticamente
Artículo escrito por aakashpawar1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA