Skip to main content

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
目录\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技术栈,怎么在后台添加界面