Laravel | Andamios Frontales

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 .

  • 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.

  • paso 1: Para generar un scaffolding con archivos de visualización para autenticación como inicio de sesión y registro, solo tenemos que agregar ‘ –auth ‘ al final de los comandos que vimos anteriormente, de la siguiente manera:
    • 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 .

  • Paso 2: 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 3: ahora tenemos que ejecutar el siguiente comando npm para compilar el scaffolding.
    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

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *