Laravel Breeze脚手架构建

技术栈

Laravel Breeze脚手架{ inertiajs中继，Tailwind样式库，前端(React(JS), Vue(HTML), Livewire(PHP)) }，Shadcn组件库

#配置镜像源

npm config get registry

npm config set registry https://registry.npmmirror.com

composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

诊断

composer diagnose

#解压

unzip "laravel-13.1.2.zip"

#进入

cd laravel

更新

composer update

#安装

composer install

#配置文件

cp .env.example .env

#生成应用密钥

php artisan key:generate

#迁移数据库

php artisan migrate

安装 Laravel Breeze
composer require laravel/breeze
使用 Breeze 安装 Inertia 脚手架Vue和React二选一
#Vue版本
php artisan breeze:install vue
#React版本
php artisan breeze:install react

安装前端
npm install
#监听实时更新，关闭终端就停止更新，需要按ctrl+c
npm run dev
#构建
npm run build

#Shadcn-vue 安装
npx shadcn-vue@latest add --all
npx shadcn-vue@latest add switch
组件库√ Which component library would you like to use? » Reka UI
视觉风格√ Which visual style would you like to use? » Vega (Recommended)
图标库√ Which icon library would you like to use? » Lucide
字体√ Which font would you like to use? » Inter
基础颜色√ Which color would you like to use as the base color? » Neutral
目录\resources\js\Components\ui

手动安装
安装后端包：手动运行
composer require inertiajs/inertia-laravel
resources/views/app.blade.php

安装前端依赖：手动运行 npm install @inertiajs/vue3 vue。
配置中间件：手动创建 HandleInertiaRequests.php 并注册到内核中。
创建入口文件：手动编写 resources/js/app.js 来初始化 Inertia 和 Vue。
配置路由与视图：手动创建 app.blade.php 和示例路由。

laravel+inertiajs+vue技术栈，怎么在后台添加界面