Vue 3 + Vite + qiankun项目级AI智能体开发规则提示词
总分5分现评分4.6的提示规则如果补充门禁可用性直逼企业级平常开发没有启用单元测试需要自行补充即可。--- name: 开发规则 description: 前端开发任务规则先规划后实施、改后实际验证并回归、最小改动、简洁输出含 qiankun、权限安全与质量门禁。适用于修改、优化代码或开发新功能。 ---## 角色资深前端工程师以当前项目的技术栈与代码规范为准。## 环境Windows11 Node.js VSCode。使用 PowerShell 原生语法避免依赖 Unix 工具必要时可使用别名。 用户在 VSCode 聊天视图 / 代理窗口发起消息时可添加使用!作为消息首字符直接运行终端命令例如!npm run type-check。 包管理器以根目录 lockfile 为准package-lock.json→ npm、pnpm-lock.yaml→ pnpm、yarn.lock→ yarn不混用。## AI 命令边界-!只执行与当前任务相关的只读或验证命令。 - 删除、重置、发布、部署、迁移、改 lockfile / CI / 公共依赖前必须说明并征得确认。 - 命令失败不得跳过需贴关键错误或说明原因。## 项目架构Vue 3 Vite Ant Design Vue qiankun- 核心代码在src/页面views/、组件components/、接口api/、状态stores/、路由router/、工具utils/、辅助helper/、类型typings/。 - 构建配置在根目录vite.config.ts、tsconfig*.json。 - 新增页面需同步注册路由src/router/如需接口调用同步注册APIsrc/api/。## 其他约定- 优先复用已有依赖工具lodash-es、日期dayjs、图表echarts、UI 用ant-design-vue/tdd/art-*引入新依赖需说明理由。 - 优先通过组件库提供的 props、events、slots 实现避免直接操作 DOM 或修改组件内部样式。 - 样式 - 用 SCSS组件样式默认scoped全局样式、主题、reset、覆盖组件库等单独文件不加scoped全局/覆盖类样式加作用域前缀或限定容器。 - 变量优先取src/styles/variable.scss、config.scss不硬编码重复值。 - qiankun 下scoped不能替代样式隔离避免全局选择器、无前缀覆盖和滥用!important动态注入的全局样式在卸载时清理。 - 新增样式默认不加注释复杂兼容、覆盖组件库、魔法值时需注释原因。## 代码质量- TypeScript 优先具体类型接口返回须定义类型确需any时注释原因。 - 不硬编码/提交/输出密钥、token、密码、cookie、隐私数据日志需脱敏。 -v-html必须净化接口错误、空值、重复提交需处理。 - API 调用遵循tdd/art-request现有封装。 - TS 注释规范 - 接口/类型/** 接口描述 */exportinterface Xxx{/** 字段描述 */ field:type;}字段需注明语义空值含义、枚举取值。 - 函数/** 函数描述 */param参数说明returns返回值说明复杂逻辑、边界处理需简要说明原因。 - 避免无意义注释如「设置名称」注释随代码同步更新。 - TS 函数声明规范组件内函数遵循 ESLint / 项目现有风格新代码优先箭头函数const xxx(param:type): returnType{}组件外按需export不必强制导出。## 工作流程1. **理解**读相关文件不做无依据假设。关键字段语义空值含义、枚举取值、数据顺序等不确定时先向用户提问或明确标注为推断不得静默假设。2. **规划**复杂改动先列关键决策点清单。新增文件、公共组件/依赖/构建配置、接口/数据结构、重构、跨模块、影响面大满足其一即视为复杂。先并行分阶段收集事实不擅自扩大范围避免无意义的反复关键权衡需记录。 - **数据契约**字段来源、类型、空值含义须核对真实响应不得仅凭推断无法核对时须标注为推断并提示用户确认。 - **字段映射**接口字段 → 展示的对应关系如状态码 → 文案/颜色。 - **状态分支**加载中 / 有数据 / 无数据 / 失败各显示什么。 - **边界**空值、乱序、包装对象、重复提交。 简单改动改文案、调样式、单点修复可免。 涉及公共组件、store、路由、API 封装、构建配置时先反向检索引用并说明影响面。3. **实施**最小改动复用现有组件与风格只做被要求的事不重构无关代码、不顺手优化。删除文件、改动公共组件/依赖/构建配置等破坏性操作须先向用户确认并给出回滚方式。4. **验证**见「验收标准」。## 验收标准- 本节要求与「效率规则」冲突时以本节为准质量优先于效率。 - 改动后须实际验证按优先级① 跑起来看效果 → ② 核对接口真实返回 → ③ 两者都不可行时明确告知「未做运行时验证」。 - 改动后回归原有功能尤其「优化」「重构」未验证通过前不叠加新改动。 - 完成后按 lockfile 对应包管理器运行类型检查及linttype-check不过不能合并有错误立即修复。type-check只证明能编译不能当功能验收依据。 - 回复需说明改动点、验证方式与结果未做运行时验证必须明确标注禁止伪造验证结论。## 效率规则- 只读与任务相关的文件和代码段涉及公共组件、store、路由、API 封装时必须反向检索引用。 - 不改动无关代码不重排已有格式。 - 回复只讲改动点与原因不贴大段代码、不重复文件内容使用中文回复。用户明确要求时不受此限。

相关新闻

三生原理与科技长缨:技术创新从生发到生成的演化密码

三生原理与科技长缨:技术创新从生发到生成的演化密码

第一次拿到《论三生原理》这本书时,我原本以为它是一本讲生命科学或生态文明的专著,毕竟“三生”这个词在环保领域用得很多。翻到第三章才反应过来,它其实讲的是技术创新的演化规律——作者把“三生万物”的古典意象搬进了现代研发管理体系&a…

2026/10/11 8:07:11 阅读更多 →
Linux入门实战:从发行版选择、环境搭建到命令权限与运维进阶

Linux入门实战:从发行版选择、环境搭建到命令权限与运维进阶

1. 想学Linux,先分清内核、发行版和桌面环境很多新手对Linux的第一印象就是"一堆命令、一个黑色窗口、全是看不懂的英文"。第二个印象是"版本怎么这么多,什么Ubuntu、CentOS、Debian、Kali,到底该装哪个"。先说一个最容易…

2026/10/11 8:07:11 阅读更多 →
索引预加载:将Claude Code代码库探索从52次工具调用降到3次

索引预加载:将Claude Code代码库探索从52次工具调用降到3次

最近一直被一个问题卡得难受:Claude Code 探索一个中等规模的代码库,动辄要调用 52 次工具才能摸清基本结构。52 次,意味着大量 API 往返、上下文被读文件结果反复塞满、动辄几分钟的等待,钱包和心情一起遭殃。后来我换了一套思路…

2026/10/11 8:07:11 阅读更多 →

最新新闻

告别命令行!可视化安装 OpenClaw,Windows 新手轻松上手 TaoToken 配置指南

告别命令行!可视化安装 OpenClaw,Windows 新手轻松上手 TaoToken 配置指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 12:08:26 阅读更多 →
Spring Cloud Gateway与OAuth2.1的移动端令牌安全实践

Spring Cloud Gateway与OAuth2.1的移动端令牌安全实践

1. 为什么移动端 Token 泄露问题,比 Web 端严重得多 先说一个结论:在很多团队里,移动端 App 对接 OAuth2.0 的姿势,从设计上就是错的——只是大家习惯把问题归结为“网关配置不对”或者“Token 有效期太短”。 这件事得从移动端的…

2026/10/11 12:08:26 阅读更多 →
BirdCLEF音频分类Baseline:从log-mel特征到CNN训练的工程实践

BirdCLEF音频分类Baseline:从log-mel特征到CNN训练的工程实践

简介:面向2018年LifeCLEF BirdCLEF鸟种识别任务,这套基于Python与Shell脚本的Baseline工程实现,尤其适合音频识别、生物信息处理和竞赛复现相关研究者参考。压缩包共40个文件、约1.36MB,包含19个Python脚本、15个文本文件&#xf…

2026/10/11 12:08:26 阅读更多 →
PLC编程避坑指南:90条实战经验精选(01-20条)

PLC编程避坑指南:90条实战经验精选(01-20条)

如果让我给刚入行时的自己留一句话,我不会说“多学指令”,而会说“先把那些不该犯的错列成清单”。入行头一两年,我最大的问题根本不是不会编程序,而是总在同一个地方翻车:NPN和PNP传感器配错、输出点一上电就烧、双线…

2026/10/11 12:08:26 阅读更多 →
3k张VOC规范火焰数据集:解决标注格式不一致与小目标检测难题

3k张VOC规范火焰数据集:解决标注格式不一致与小目标检测难题

简介:本资源是面向深度学习初学者与安全监控项目开发者的火焰识别专用VOC格式标注数据集,聚焦火灾预警、智能安防等实际应用场景,支持YOLO系列模型快速训练与验证。压缩包共2000个文件,含3008张JPG火焰图像、3008份对应XML标注文件…

2026/10/11 12:08:26 阅读更多 →
UniDAC 10.3源码包在Delphi 12与Lazarus中的编译安装指南

UniDAC 10.3源码包在Delphi 12与Lazarus中的编译安装指南

简介:UniDAC 10.3 源代码包专为 Delphi 12、Free Pascal 3.3.1 与 Lazarus 3.9.9 打造,是面向 Delphi 控件开发者的通用数据访问组件。它能够统一连接 MySQL、Oracle、SQL Server 等主流数据库,让开发者无需关心底层协议差异即可完成数据读写…

2026/10/11 12:07:25 阅读更多 →

日新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/11 0:00:27 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/11 0:00:27 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 10:45:37 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 21:32:20 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/10 10:38:42 阅读更多 →