如何使用 Bootstrap 和身份验证正确启动 Laravel 8

Question

每次我想开始一个新的 Laravel 8 项目时，我都会遇到下图，该项目使用 laravel/ui 包和 Bootstrap 脚手架设置身份验证路由。

意思是 Bootstrap 还没有加载！因此，我必须重新运行 php artisan UI bootstrap & npm 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

但现在我想把这件事记在脑子里，这样我就不用再重新运行代码了。我的意思是，运行有一个完整且准备好的项目的正确分步命令是什么？

Answer 1

步骤正确。对于将包含 Bootstrap 和 auth 脚手架的每个新 Laravel 8.x 项目，您需要运行以下内容。

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

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

@extends('layouts.app')

Answer 2

你可以通过 bootstrap css link 在你的 layouts/app.blade.php 然后 bootstrap 将在每个引用页面中调用 Extends('layouts.app')

Answer 3

使用此命令安装最新的 laravel 项目： laravel 新 (project_name)
通过 composer 安装 laravel 的 ui 包：作曲家 require laravel/ui
安装ui包后请安装uibootstrap php artisan ui bootstrap ater this command 运行 acommand for bootstrap auth php artisan ui bootstrap --auth
最后运行命令 npm install && npm run dev 或 npm install 和 npm run dev 现在您已使用 laravel 完成您的身份验证系统
运行命令phpartisan服务

Answer 4

打开您的 windows powershell 或 cmd 执行以下步骤：

第 1 步： 通过在您的 cmd 或 powershell 中输入创建您的 laravel 应用程序，

composer create-project laravel/laravel [yourapp name]

创建应用后，在浏览器中输入php artisan serve到运行此应用。

运行宁完成后...... 现在，这就是我解决问题的方法，首先关闭 powershell 或 cmd 的当前选项卡（应用程序是否运行ning 无关紧要），然后重新打开 powershell 或 cmd。这次做这些：（在这些步骤中，请勿尝试运行您的应用或 PHP artisan serve）

步骤 2： 安装 laravel ui 输入：

composer require laravel/ui

第 3 步： 通过输入生成 Bootstrap ui :

php artisan ui bootstrap

第 4 步： 输入以下命令安装 npm：

npm install

第五步： 如果npm安装完成，输入：

npm run dev

第 6 步： 现在输入以下命令安装 Auth Scaffolding：

php artisan ui bootstrap --auth

第 7 步： 再次输入以下命令安装 npm：

npm install

Step-8: 再次输入:

npm run dev

完成第 8 步后，测试并运行您的应用：php artisan serve

Answer 5

您可以从头尝试：

创建项目

composer create-project --prefer-dist laravel/laravel blade-example-app

进入目录

cd blade-example-app

UI 命令

composer require laravel/ui

AUTH Bootstrap

php artisan ui bootstrap --auth

运行依赖关系

npm install && npm run dev

运行迁移

php artisan migrate

运行项目

php artisan serve

如何使用 Bootstrap 和身份验证正确启动 Laravel 8

How to properly start Laravel 8 with Bootstrap & authentication

php

laravel

laravel-8

laravel-authentication

laravel-ui