Laravel Breeze脚手架构建
12+
composer global require laravel/installer
laravel new <项目文件夹>
cd <项目文件夹>
npm install && npm run build
composer run dev
创建
#配置镜像源
配置镜像源
npm config set registry https://registry.npmmirror.com
查看配置
npm
get registry
配置镜像源
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
诊断
composer diagnose
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
等待
Which Boost features would you like to configure? [guidelines,skills,mcp]
AI Guidelines .............................................................................. guidelines
Agent Skills ................................................................................... skills
Boost MCP Server Configuration .................................................................... mcp
>回车默认
Which AI agents would you like to configure?
Amp ............................................................................................... amp
Claude Code ............................................................................... claude_code
Codex ........................................................................................... codex
Cursor ......................................................................................... cursor
Gemini CLI ..................................................................................... gemini
GitHub Copilot ................................................................................ copilot
Junie ........................................................................................... junie
OpenCode ..................................................................................... opencode
> copilot
等待安装
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
Laravel Breeze脚手架{ inertiajs中继,Tailwind样式库,前端(React(JS), Vue(HTML), Livewire(PHP)) },Shadcn组件库
安装 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
buil
#Shadcn-vue 安装npx shadcn-vue@latest add --allnpx shadcn-vue@latest initnpx 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)NovaMaiaLyraMiraLumaNew YorkDefault图标库√ Which icon library would you like to use? » LucideTabler IconsHugeIconsPhosphor IconsRemixIcon字体√ Which font would you like to use? » InterFigtreeJetBrainsMonoGeistGeist Mono基础颜色√ Which color would you like to use as the base color? » NeutralGrayZincStoneSlate目录\resources\js\Components\ui