mooc_plugin

📖 简介

mooc_plugin 是一个基于 Plasmo、React、TailwindCSS、Shadcn/UI 开发的浏览器扩展插件，结合多种现代前端工具和 UI 组件库，旨在为减轻水课作业对同学们身心的危害。

插件集成了 OpenAI API、UI 动画、数据存储等多种能力，方便快速扩展新功能。

---

获取插件:

通过网盘分享的文件： 链接: https://pan.baidu.com/s/1ukOprjEsWhXVHlH7ustq-w?pwd=6666 提取码: 6666

🖼 系统截图

首页

个人资料

设置页面

---

🛠 使用的技术与依赖

• 插件框架: Plasmo
• UI 框架: React + TailwindCSS + shadcn/ui
• UI 组件: Radix UI（Accordion、Avatar、Dialog、Tabs 等）
• 图标库: lucide-react
• 网络请求: axios
• 主题切换: next-themes
• 日期处理: date-fns + react-day-picker
• 动画: tw-animate-css
• 数据存储: @plasmohq/storage
• 消息通信: @plasmohq/messaging
• HTML 解析: node-html-parser
• AI 接口: openai

---

🚀 脚本命令

启动开发环境

pnpm run dev

构建开发包

pnpm build

构建并打包插件（可直接加载到浏览器）

pnpm package

构建生产版本

pnpm build:production

---

✨ 已有功能）

• 本地数据存储
• AI 自动答题功能（OpenAI 接口）
• 手动答题功能(经过处理的答案填入自动答题框)
• 主题切换（浅色/深色模式）
• UI 动画与过渡效果

---

📦 打包与安装

1. 执行打包命令：

   pnpm build
   

2. 打开浏览器扩展管理页面：

   • Chrome/Edge: chrome://extensions/
   • Firefox: about:debugging#/runtime/this-firefox

3. 开启 开发者模式

4. 选择 加载已解压的扩展程序 并选择 build 目录

---

📬 进群讨论

• 欢迎开发者及用户进群讨论

---

⭐ Star History