skrypt-nl/laravel-vue-tailwind-spa

一个集成了 Tailwind CSS 的 Laravel-Vue SPA 入门项目模板。

维护者

详细信息

github.com/skrypt-nl/laravel-vue-tailwind-spa

源代码

问题

安装次数: 193

依赖者: 0

建议者: 0

安全性: 0

星标: 65

关注者: 2

分支: 14

开放问题: 24

类型：项目

0.2.0 2020-11-10 21:03 UTC

Requires

Requires (Dev)

MIT 3f9adaaa529bf820a334b03aebd38a577f907c40

laravelSPAvue

This package is auto-updated.

Last update: 2024-09-07 23:21:19 UTC

README

一个 Laravel、Vue & Tailwind SPA 入门项目模板。

请注意

该项目基于较旧的版本 cretueusebiu/laravel-vue-spa。所有荣誉都应归功于 Cretu Eusebiu，这个版本仅包含一些针对 Tailwind 的修改，以适应我们自己的需求。

特性

  • Laravel 8
  • Vue + VueRouter + Vuex + VueI18n (目前禁用) + ESlint
  • 具有动态导入和自定义布局的页面
  • 登录、注册、电子邮件验证和密码重置
  • 使用 JWT 进行身份验证
  • Socialite 集成（目前禁用）
  • 集成了 Tailwind + Font Awesome 5
  • 一些页面的基本 Tailwind 设计

待办事项 - v1.0.0

  • 升级到 Laravel 8
  • 修复 npm 热重载
  • 重新设计身份验证页面
  • 重新设计仪表板页面
  • 删除冗余组件
  • 侧边栏图标 & 侧边栏切换
  • 创建 VueI18n 组件并实现它们
  • 为 GitHub 创建 Socialite 组件
  • 修复所有测试
  • 添加更多组件
  • 创建更改日志并跟踪更改

安装

  • composer create-project --prefer-dist skrypt-nl/laravel-vue-tailwind-spa
  • 编辑 .env 并设置您的数据库 & 电子邮件连接详情
  • （通过 git clone 或下载安装时，运行 php artisan key:generate 和 php artisan jwt:secret）
  • php artisan migrate
  • npm install

使用方法

开发

# Build and watch
npm run watch

# Serve with hot reloading
npm run hot

生产

npm run production

Socialite

Socialite 已集成，但默认情况下未在登录 & 注册页面上添加。

该项目以 GitHub 作为示例，用于 Laravel Socialite。

要启用提供者，请创建一个新的 GitHub 应用程序，并使用 https://example.com/api/oauth/github/callback 作为授权回调 URL。

编辑 .env 并使用 GitHub 应用程序的密钥设置 GITHUB_CLIENT_ID 和 GITHUB_CLIENT_SECRET。

对于其他提供者，您可能需要在 config/services.php 中设置适当的密钥，并在 OAuthController.php 中设置重定向 URL。

电子邮件验证

要启用电子邮件验证，请确保您的 App\User 模型实现了 Illuminate\Contracts\Auth\MustVerifyEmail 协议。

测试

目前，测试未能正常工作，因为这些测试是为原始项目创建的。 我们将尽最大努力尽快恢复它们。

# Run unit and feature tests
vendor/bin/phpunit

# Run Dusk browser tests
php artisan dusk

更改日志

即将推出

请参阅 CHANGELOG 以获取更多有关最近更改的信息。