代码编写提示词

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

# 初始化项目
请根据这个模块，输出指定文件夹下的所有接口文档，并存储到 docs/xxx.md 路径下，如docs/base.md，docs/user.md，docs/tg_capcut.md。
要求尽可能的详细，方便前端对接。

## API响应参数说明
{"code":0,"data":{"id":"xxx"},"message":"成功"}，其中code=0标识成功，code=1表示失败，data是响应数据

## 后端域名
生产环境：https://api.xxx.com
测试环境：http://127.0.0.1

1
2
3
4

# 后续新增接口
参考docs/tg_capcut.md，输出 logic_tuiguang/controller/tg_crawler.go 下的所有接口文档，并存储到 docs/*.md。
要求尽可能的详细，方便前端对接。
注意响应结果的created_at和update_at是毫秒级时间戳，int型。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

# 项目初始化
请根据 docs 中的所有接口，实现一个完整的视频剪辑系统，包括用户登录模块、剪映草稿任务管理模块、阿里云oss上传等

实现以下页面：
1. 用户登录页面（参考 docs/user.md）
2. 个人中心页面，支持修改昵称、修改密码等（参考 docs/user.md）
3. 剪映草稿任务管理页面（参考 docs/tg_capcut.md）

技术栈：
- Vue 3 - 渐进式 JavaScript 框架
- Vite - 下一代前端构建工具
- Element Plus - Vue 3 UI 组件库
- Vue Router - 官方路由管理器
- Pinia - Vue 状态管理库
- Axios - HTTP 请求库
- TypeScript - 类型安全的 JavaScript 超集
- Sass - CSS 预处理器

要求：
- 本地开发调试时，支持代码热更新
- 统一的API请求封装
- 统一的错误处理
- Token认证处理
- 路由守卫
- 使用axios进行API调用
- 统一loading状态管理
- oss文件默认上传到目录：xxx-front

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

# 新增页面及功能
请根据 docs/tg_crawler.md 中的所有接口，实现一个提取文案页面，新增菜单名“提取文案”。

## 功能
1. 展示列表，展示视频封面，封面为空则使用默认封面
2. 支持一键复制文案、查看文案
3. 支持删除
4. 支持下载视频

## 要求
1. 按照现有的页面风格设计，可参考“xxx”页面
2. 代码尽可能的复用，如utils/request.ts, utils/tool.ts
3. css样式尽可能的复用，如styes/global.scss