通过 
搜索
搜索cnzaicom / tailwindcss
Laravel前端预设Tailwind CSS
dev-main
2021-05-28 11:04 UTC
Requires
- laravel/framework: ^8.0
- laravel/ui: ^3.0
This package is auto-updated.
Last update: 2024-09-28 18:28:53 UTC
README
- 新安装Laravel >= 7.0并在您的应用目录下执行
cd。 - 使用
composer require cnzaicom/tailwindcss --dev安装此预设。Laravel会自动发现此包。无需注册服务提供者。 - 编辑tailwindcss.config.js以添加
plugins: [ require('@tailwindcss/forms'), require('@tailwindcss/typography'), require('tailwindcss-children'), ] - 按照以下方式编辑webpack.mix.js
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
require('tailwindcss'),
/*自动增加 CSS 前缀词*/
require("autoprefixer"),
/*在 CSS 用嵌套的写法*/
require('postcss-nested'),
/*在 CSS 里可以 import 其他 CSS*/
require('postcss-import'),
]);
a. 无认证预设
- 使用
php artisan ui tailwindcss进行基本的Tailwind CSS预设 执行npm install && npm run dev- 使用
php artisan serve（或等效命令）运行服务器并测试预设。
b. 有认证预设
- 使用
php artisan ui tailwindcss --auth一次性进行基本预设、认证路由条目和Tailwind CSS认证视图。 (注意：如果多次运行此命令，请确保在routes/web.php中清理重复的认证条目) 执行npm install && npm run dev- 配置您喜欢的数据库（mysql、sqlite等）
- 执行
php artisan migrate以创建基本用户表。 - 使用
php artisan serve（或等效命令）运行服务器并测试预设。
截图
