SuperAPI AI 工具集

laravel-fullstack

前端与建站

查看项目

更新于 10-15 16:49

技能介绍

用途:为 Laravel 12+ 项目提供前端开发规范与代码模式,覆盖视图层到资源构建的完整链路,适合在编写或修改 Blade 模板、组件、交互脚本与样式时启用。

主要能力:采用 Blade 作为服务端渲染模板;用 Alpine.js 处理轻量交互;可选用 Vue.js 构建复杂单页应用;样式使用 TailwindCSS v4;资源由 Vite 打包。技能内含匿名组件(如 button,通过 @props 定义 type 与 variant)、类组件(如 Alert,返回视图并提供 iconClass 辅助方法)、布局组件(通过 $slot 注入内容,配合 @vite 引入样式脚本)等写法示例。

交互模式:提供 Alpine.js 的展开折叠、下拉菜单(含 @click.away 与 x-transition 过渡)、模态框、带 loading 状态的表单提交等常见片段。

样式与构建:TailwindCSS v4 通过 @import "tailwindcss" 引入,并可用 @theme 定义如 --color-primary 的主题变量,支持暗色模式、响应式栅格与过渡类。Vite 使用 laravel-vite-plugin 配置入口文件,开发时运行 npm run dev 启用 HMR,生产构建运行 npm run build。

限制:官方资料未说明收费、价格、平台支持与效果数据,这些信息暂未提供。使用前请确认项目 Laravel 版本符合 12+ 要求。