|
|
|
|
@ -0,0 +1,33 @@
|
|
|
|
|
创建示例页面:标准执行协议 (Optimized)
|
|
|
|
|
|
|
|
|
|
第一阶段:信息交互 (Step 1-3)
|
|
|
|
|
1. 类型确认:询问用户是创建 “单文件 (.vue)” 还是 “文件夹 (含 index.vue)”。
|
|
|
|
|
2. 模块定位:确认目标模块(位于 src/views/ 下,如 demo, tool, python 等,严格执行二级目录结构,不允许深层嵌套)。
|
|
|
|
|
3. 命名决策:
|
|
|
|
|
* 根据功能点,提供 3 个 CamelCase(驼峰命名) 建议。
|
|
|
|
|
* 唯一性检查:检查 src/views/{module}/ 目录下是否已有同名文件或文件夹,确保不冲突。
|
|
|
|
|
|
|
|
|
|
第二阶段:文件构建 (Step 4)
|
|
|
|
|
* 场景 A:文件夹类型 (Folder)
|
|
|
|
|
* 路径:src/views/{module}/{pageName}/
|
|
|
|
|
* 必备:index.vue
|
|
|
|
|
* 可选 MD:询问用户是否需要引入 MD 文档。
|
|
|
|
|
* 是:创建 {pageName}.md。index.vue 模板参考 src/views/demo/backToHttp/backToHttp.vue。
|
|
|
|
|
* 否:index.vue 模板参考 src/views/demo/formItemWithRangeFields.vue。
|
|
|
|
|
* 场景 B:单文件类型 (File)
|
|
|
|
|
* 路径:src/views/{module}/{pageName}.vue
|
|
|
|
|
* 模板参考:src/views/demo/formItemWithRangeFields.vue。
|
|
|
|
|
|
|
|
|
|
第三阶段:自动化路由配置 (Step 5)
|
|
|
|
|
* 操作目标:修改 src/router/modules/{module}.ts。
|
|
|
|
|
* 执行逻辑:找到文件中的 titleArr 数组变量,并在末尾追加新页面的配置对象:
|
|
|
|
|
```javascript
|
|
|
|
|
{
|
|
|
|
|
key: '{pageName}',
|
|
|
|
|
title: '{用户定义的中文名称}',
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
第四阶段:验证与总结
|
|
|
|
|
* 编译检查:确保新创建的页面没有语法错误。
|
|
|
|
|
* 会话总结:按照项目规范,将变更记录更新至根目录 README.md。
|