安装

• 安装 Jetstream
• Jetstream 结构
  • 视图、页面
  • 动作
  • Tailwind
  • Livewire 组件
• 应用 Logo
  • Livewire
  • Inertia

安装 Jetstream

您可以使用 Composer 来为您的 Laravel 应用安装 Jetstream：

composer require laravel/jetstream

安装 Jetstream 扩展包后，你需要执行 jetstream:install Artisan 命令以完成安装。该命令接受你希望使用的框架名称（livewire 或者 inertia）。另外，你可以使用 --teams 参数来启用团队功能。该命令同时会安装一系列「功能」测试来为 Jetstream 的功能提供测试覆盖。

在开始之前，强烈建议你阅读 Livewire 和 Inertia 的文档。

仅限于全新应用
Jetstream 只应该安装在全新的 Laravel 应用中。安装在已有的项目中可能会引发未知的异常。

使用 Livewire 作为前端框架

php artisan jetstream:install livewire

# 如果您希望启用 团队管理 功能：
php artisan jetstream:install livewire --teams

使用 Inertia 作为前端框架

php artisan jetstream:install inertia

# 如果您希望启用 团队管理 功能：
php artisan jetstream:install inertia --teams

完成安装

安装 Jetstream 后，请记得安装 NPM 依赖并运行数据库迁移：

# 使用 NPM
npm install
npm run dev
php artisan migrate

应用 Logo

安装 Jetstream 后，你可能已经注意到了 Jetstream 的 Logo 显示在了认证页面和应用头部的导航栏中。你可以简单地通过这两个 Jetstream 组件来定制它。

Livewire

如果你正在使用 Livewire 框架，你需要先发布 Livewire 框架的 Blade 组件：

php artisan vendor:publish --tag=jetstream-views

然后，你可以定制位于 resources/views/vendor/jetstream/components/application-logo.blade.php、resources/views/vendor/jetstream/components/authentication-card-logo.blade.php 以及 resources/views/vendor/jetstream/components/application-mark.blade.php 组件的 SVG。

Inertia

如果你正在使用 Inertia 框架，你可以直接修改位于 resources/js/Jetstream/AuthenticationCardLogo.vue、resources/js/Jetstream/ApplicationLogo.vue 以及 resources/js/Jetstream/ApplicationMark.vue 的 SVG。

你需要在修改之后重新构建你的资源文件：

npm run dev