README

这是一个用于Tailwind CSS的Laravel前端脚手架预设 - 一个以实用工具为先的CSS框架，用于快速UI开发。

当前版本： Tailwind CSS 1.1.2

它做了什么

1. 将laravel-mix升级到4.1.2
2. 安装postcss-import 12.0.1
3. 安装postcss-nesting 7.0.1
4. 安装tailwindcss 1.1.2
5. 安装@tailwindcss/custom-forms 0.2.1
6. 安装vue 2.6.10
7. 安装vue-template-compiler 2.6.10
8. 移除jquery、bootstrap和sass
9. 在phpunit.xml文件中添加一个内存中的sqlite数据库连接。
10. 配置Webpack使用PostCss而不是sass，因为Tailwind是一个PostCss插件。安装了postcss-nesting插件后，您可以编写类似于sass的嵌套CSS，但使用的是标准CSS文件。
11. 在tailwind.config.js文件中添加primary、secondary、success、warning、danger和error颜色以及默认字体。这些颜色目前设置为蓝色、灰色、绿色、橙色、红色和红色。然后可以使用这些颜色将主色和辅助色分配给背景、文本、边框等，并具有与其它颜色相同的阴影。例如：text-primary-500、bg-secondary-300、text-error-600
12. 在css/components目录中添加了具有基本样式的core、button、dropdown、loader和nav部分。
13. 使用来自tailwindcss/custom-forms包的自定义表单类。
14. 更新所有相关视图以使用Tailwind类而不是Bootstrap。
15. -auth预设将添加HomeController以及所有相关视图和路由。

用法

1. 安装Laravel >= 6并cd到您的应用目录。

2. 安装此预设：Laravel将自动发现此包。无需注册服务提供者。

   composer require sc-laravel-presets/default-tailwindcss

3. 运行预设安装器

   仅安装基础预设而不包含任何授权脚手架的命令

   php artisan preset default-tailwind

   安装包含授权脚手架（认证路由条目、Tailwind CSS认证视图）的全预设的命令

   php artisan preset default-tailwind-auth

   注意：如果您多次运行此命令，请确保清理routes/web.php中的重复Auth条目

4. 安装所有node依赖并编译所有资源

   npm install && npm run dev

5. 配置您喜欢的数据库（mysql、sqlite等）。有关详细信息，请参阅Laravel文档

6. 如果需要，迁移数据库

   php artisan migrate

7. 通过以下命令之一启动本地Web服务器

   启动Laravel Valet的命令

   valet start

   如果您不使用Valet，则可以使用以下命令

   php artisan serve

8. 在浏览器中查看您的网站以测试新预设。

配置

此包包含的默认tailwind.config.js配置文件使用自定义颜色名称。如果您想进行更改，可以轻松地通过修改此文件来做到这一点。有关更多信息，请参阅Tailwind文档

在tailwind.config.js文件中的customForms键下也包含tailwindcss/custom-forms的自定义配置。如果您想更改任何表单样式，请参阅它们的文档