山东大学项目实训（四）插件和样式

目录

前言

一、postcess，tailwindcss学习

二、项目实战

1.通过tailwindcss设置前端

总结

---

前言

时间 5.6-5.12 第四周 项目实训

项目名称：雅思ai口语老师

目标：搭建雅思ai口语老师前端框架，初步完成接口

---

一、postcess，tailwindcss学习

1. PostCSS 的核心理念是它的插件架构。PostCSS 本身只是一个解析和生成 CSS 的工具，它通过插件来实现具体的功能。开发者可以根据需求选择和组合各种插件来处理 CSS。

2. "Tailwind CSS" 是一个功能强大的实用程序优先的 CSS 框架，它允许开发者直接在 HTML 中使用类名来快速构建自定义的设计，而无需手写大量的自定义 CSS。

3. 引入插件导入依赖

二、项目实战

1.通过tailwindcss设置前端

通过px-3 py-4快速调整边距，以及font-extrabold设置字体重量等

效果大概如下：

整体前端开发周期，样式美观都得到了提升

当然这次前端也用到element-ui，但在数据库课设中学习过，仅做简要复习，不多赘述。本周写完前端的侧栏和内容区域

---

总结

前端目前可以跑出来了，但美观和细节需要继续打磨，下周定义接口同后端链接。