From d4257481f4f58a3e901c33fc51d73c3404c14b94 Mon Sep 17 00:00:00 2001 From: Yuhang Wu Date: Mon, 12 Oct 2026 18:01:25 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E6=B7=BB=E5=8A=A0Frpilot=E9=A1=B9?= =?UTF-8?q?=E7=9B=AE=E5=BC=80=E5=8F=91=E6=8F=90=E7=A4=BA=E8=AF=8D=E6=96=87?= =?UTF-8?q?=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/Frpilot开发提示词.md | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/docs/Frpilot开发提示词.md b/docs/Frpilot开发提示词.md index 7b25993..e0a4598 100644 --- a/docs/Frpilot开发提示词.md +++ b/docs/Frpilot开发提示词.md @@ -1,2 +1,27 @@ # Frpilot开发提示词 +## 背景 + +> 该项目使用Tauri2 + Vue3为主要技术栈，主要解决Frpc配置繁琐的问题，方便用户快速配置frpc版本、隧道、服务器等 +> +> UI库：Antdv + +## 阶段提示词 + +### 1. Layout布局 + +本项目打算做一个Frpc的可视化客户端，方便用户快速配置frpc版本、隧道、服务器等，现在帮我完成以下功能： + +1. i18n国际化初始化配置 + - 在locales目录中写多语言翻译json文件，初步支持中文和英文 +2. TitleBar页面开发 + - 开发不同操作系统类型的自定义titlebar + - Windows系统的TitleBar最左侧显示Frpilot标题，右侧显示语言切换、明暗切换、设置、最小化、关闭，按照顺序展示； + - Mac系统的TitleBar最左侧显示红绿灯操作，右侧显示语言切换、明暗切换、设置、最小化、关闭，按照顺序展示； +3. Layout页面布局开发 + - Aside侧边栏开发，在Aside.vue文件里面编写，左侧菜单初步暂定为仪表盘、服务器、隧道列表、Frpc下载 + - Aside侧边栏最底部显示CPU占用（百分比）、内存占用（百分比）、运行状态（绿色点运行正常，红色点运行异常，黄色点未启动），跟上方的菜单有间隔 + - Header顶部栏，根据操作系统类型引入components里面的WindowsTitleBar.vue或MacTitleBar.vue +4. Layout布局的side、content区域全部采用圆角矩形、类似于悬浮磨砂玻璃效果 + +开发过程中使用到的组件尽可能全部使用Antdv库里面的，另外我引入的有tailwindcss原子化组件，开发之前尽可能先阅读一下package.json，看一下有哪些依赖可以简化代码开发 \ No newline at end of file