如何正确地启动 Laravel 8 与 Bootstrap 和身份验证

每当我想开始一个新的Laravel 8项目并使用laravel / ui软件包和Bootstrap基架设置身份验证路由时,我都会遇到下图。

capture

这意味着Bootstrap尚未加载!因此,我必须重新运行并正确设置它们。php artisan UI bootstrapnpm install && npm run dev

以下是我用于创建新的Laravel 8项目的步骤:

Install LARAVEL: laravel new [yourprojectname]
Install LARAVEL UI Package: composer require laravel/ui
Generate UI Bootstrap: php artisan ui bootstrap 
Generate Auth Scaffolding: php artisan ui bootstrap --auth
Install NPM Dependencies: npm install && npm run dev
Running LARAVEL: php artisan serve

但是现在我想把这个东西直接放在我的脑海里,这样我就不必再重新运行代码了。我的意思是,运行的正确分步命令是什么,以获得完整且就绪的项目?


答案 1

步骤正确。对于将包括 Bootstrap 和 auth 基架的每个新 Laravel 8.x 项目,你都希望运行以下内容。

composer require laravel/ui
php artisan ui bootstrap --auth
npm install && npm run dev

记下生成的 /resources/views/layouts/app.blade.php。您将需要将其包含在所有视图中。

@extends('layouts.app')

答案 2

打开你的窗户电源壳或cmd做以下步骤:

第 1 步:通过输入您的cmd或powershell来创建您的laravel应用程序,

composer create-project laravel/laravel [yourapp name]

创建应用程序后,输入以在浏览器中运行此应用程序。php artisan serve

运行完成后现在,这就是我解决问题的方法,首先关闭powershell或cmd的当前选项卡(无论应用程序是否一直在运行)并重新打开powershell或cmd。这次执行以下操作:(在这些步骤中,不要尝试运行您的应用程序或PHP工匠服务)

第 2 步:通过输入以下内容安装 laravel ui:

composer require laravel/ui

第 3 步:通过输入生成引导 UI:

php artisan ui bootstrap

步骤 4:通过输入以下命令来安装 npm:

npm install

步骤 5:如果 npm 安装完成,请输入:

npm run dev

步骤6:现在通过输入以下内容来安装身份验证基架:

php artisan ui bootstrap --auth

步骤7:通过输入以下内容再次安装npm:

npm install

步骤8:再次输入:

npm run dev

完成步骤 8 后,测试并运行应用:php artisan serve


推荐