Laravel Breeze脚手架构建

技术栈

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

12+
composer global require laravel/installer
laravel new <项目文件夹>
cd <项目文件夹>
npm install && npm run build
composer run dev

$ composer global require laravel/installer
$ laravel new laravel

██╗ █████╗ ██████╗ █████╗ ██╗ ██╗ ███████╗ ██╗
██║ ██╔══██╗ ██╔══██╗ ██╔══██╗ ██║ ██║ ██╔════╝ ██║
██║ ███████║ ██████╔╝ ███████║ ██║ ██║ █████╗ ██║
██║ ██╔══██║ ██╔══██╗ ██╔══██║ ╚██╗ ██╔╝ ██╔══╝ ██║
███████╗ ██║ ██║ ██║ ██║ ██║ ██║ ╚████╔╝ ███████╗ ███████╗
╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═══╝ ╚══════╝ ╚══════╝

Which starter kit would you like to install? [None]:
[none ] None
[react ] React
[svelte ] Svelte
[vue ] Vue
[livewire] Livewire
> vue

Which authentication provider do you prefer? [Laravel's built-in authentication]:
[laravel] Laravel's built-in authentication
[workos ] WorkOS (Requires WorkOS account)
[none ] No authentication scaffolding
> laravel

Would you like to add teams support to your application? (yes/no) [no]:
> yes

Which testing framework do you prefer? [Pest]:
[0] Pest
[1] PHPUnit
> 0

Do you want to install Laravel Boost to improve AI assisted coding? (yes/no) [yes]:
> no

等待安装

Would you like to run npm install --ignore-scripts and npm run build? (yes/no) [yes]:
> yes

cd <项目文件夹>
npm install && npm run build

npx shadcn-vue@latest add --all
√ The file alert/AlertDescription.vue already exists. Would you like to overwrite? ... yes
√ The file button/Button.vue already exists. Would you like to overwrite? ... yes
√ The file dropdown-menu/DropdownMenuSubTrigger.vue already exists. Would you like to overwrite? ... yes
√ The file navigation-menu/NavigationMenuLink.vue already exists. Would you like to overwrite? ... yes
√ The file sonner/Sonner.vue already exists. Would you like to overwrite? ... yes
√ The file sonner/index.ts already exists. Would you like to overwrite? ... yes
√ The file dialog/DialogFooter.vue already exists. Would you like to overwrite? ... yes
√ The file sidebar/SidebarMenuButtonChild.vue already exists. Would you like to overwrite? ... yes
√ The file sidebar/SidebarMenuSubButton.vue already exists. Would you like to overwrite? ... yes
√ The file sidebar/SidebarRail.vue already exists. Would you like to overwrite? ... yes
√ The file sidebar/SidebarTrigger.vue already exists. Would you like to overwrite? ... yes
√ The file sidebar/utils.ts already exists. Would you like to overwrite? ... yes
composer run dev

########################

#配置镜像源

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 init
npx shadcn-vue@latest add switch
文件√ You need to create a components.json file to add components. Proceed? ... yes
组件库√ Which component library would you like to use? » Reka UI
视觉风格√ Which visual style would you like to use? » Vega (Recommended)
Nova
Maia
Lyra
Mira
Luma
New York
Default
图标库√ Which icon library would you like to use? » Lucide
Tabler Icons
HugeIcons
Phosphor Icons
RemixIcon
字体√ Which font would you like to use? » Inter
Figtree
JetBrainsMono
Geist
Geist Mono
基础颜色√ Which color would you like to use as the base color? » Neutral
Gray
Zinc
Stone
Slate
目录\resources\js\Components\ui