企业官网建设流程全解析

网站空间托管,招聘网站竞品分析怎么做,北京平面设计公司排名,在线crm客户管理系统Kiro教程#xff08;二#xff09;| Kiro 核心功能完全指南Kiro 核心功能完全指南1. 开发模式选择2. Vibe 模式深度解析2.1 核心概念2.2 提示词技巧2.3 多轮对话3. Spec 模式深度解析3.1 核心概念3.2 三阶段流程3.3 需求文档#xff08;requirements.md#xff09;3.4 设计…Kiro教程二| Kiro 核心功能完全指南Kiro 核心功能完全指南1. 开发模式选择2. Vibe 模式深度解析2.1 核心概念2.2 提示词技巧2.3 多轮对话3. Spec 模式深度解析3.1 核心概念3.2 三阶段流程3.3 需求文档requirements.md3.4 设计文档design.md3.5 任务清单tasks.md3.6 文件位置4. Steering 完全指南4.1 核心概念4.2 文件位置与结构4.3 常用模板product.mdtech.mdrules.md4.4 包含模式5. Agent Hooks 自动化5.1 核心概念5.2 触发时机5.3 配置方式5.4 典型用例6. MCP 协议集成6.1 核心概念6.2 配置位置6.3 配置示例6.4 常用 MCP 服务器7. 提示词工程技巧7.1 高效提示词结构7.2 技巧集锦8. 团队协作8.1 共享配置8.2 高效协作公式9. 性能优化9.1 大型项目建议9.2 Steering 精简原则Kiro 核心功能完全指南深入掌握 Kiro 的全部核心功能Vibe 模式、Spec 模式、Steering、Agent Hooks 和 MCP 集成。适用版本Kiro 0.8.140 (2026年1月) |GA 发布2025年11月 |官方文档kiro.dev/docs1. 开发模式选择场景推荐模式原因修 bug、小调整Vibe快速响应无需规划开发完整功能Spec结构化规划有文档新项目搭建Spec需要完整设计代码重构Vibe即时反馈团队协作Spec文档可共享2. Vibe 模式深度解析2.1 核心概念像和同事聊天一样直接告诉 AI 你想做什么AI 立即执行。2.2 提示词技巧公式上下文 具体问题 期望结果 约束条件❌ 模糊提示帮我优化一下代码✅ 清晰提示#File utils.js 这个 handleData 函数性能较差数据量大时会卡顿。 请优化 1. 减少不必要的循环 2. 使用 Map 替代对象查找 3. 保持返回值格式不变2.3 多轮对话用户帮我创建一个用户登录表单 AI[生成代码] 用户再加一个记住我的复选框 AI[更新代码] 用户表单验证失败时显示红色边框 AI[更新代码]3. Spec 模式深度解析3.1 核心概念Spec Specification规格说明先规划再执行分三阶段生成文档每阶段确认后才继续。3.2 三阶段流程┌─────────────────────────────────────────────────────┐ │ Spec 工作流 │ ├─────────────────────────────────────────────────────┤ │ 需求阶段 设计阶段 任务阶段 │ │ (What) (How) (Do) │ │ │ │ │ │ │ ▼ ▼ ▼ │ │ requirements.md design.md tasks.md ──► 执行 │ │ │ │ │ │ │ 用户确认 ✓ 用户确认 ✓ 用户确认 ✓ │ └─────────────────────────────────────────────────────┘3.3 需求文档requirements.md包含内容项目简介、术语表、用户故事、EARS 验收标准EARS 格式模式格式场景事件驱动WHEN [事件] THEN [系统] SHALL [行为]用户操作条件驱动IF [条件] THEN [系统] SHALL [行为]判断逻辑通用THE [系统] SHALL [行为]始终成立示例### 需求 1用户登录 **用户故事** 作为用户我希望能够登录系统以便访问个人数据。 #### 验收标准 1. WHEN 用户输入正确密码 THEN 系统 SHALL 跳转到首页 2. WHEN 用户输入错误密码 THEN 系统 SHALL 显示密码错误 3. THE 系统 SHALL 在 3 秒内完成验证3.4 设计文档design.md包含内容技术方案、架构设计、数据模型、API 设计、正确性属性正确性属性示例### Property 1: 密码安全性 *对于任意* 存储的密码系统只存储哈希值不存储明文。 **验证: 需求 1.2**3.5 任务清单tasks.md- [ ] 1. 用户认证模块 - [ ] 1.1 创建 User 数据模型 - 定义 User 接口 - _需求: 1.1_ - [ ] 1.2 实现登录接口 - 创建 /api/login 路由 - _需求: 1.2_ - [ ] 2. 检查点 - 后端完成 - 确保所有接口可调用 - 确保单元测试通过3.6 文件位置项目根目录/ └── .kiro/ └── specs/ └── [功能名称]/ ├── requirements.md ├── design.md └── tasks.md4. Steering 完全指南4.1 核心概念Steering 项目说明书让 AI 记住项目背景无需重复解释。4.2 文件位置与结构.kiro/steering/ ├── product.md # 产品概述 ├── tech.md # 技术栈 ├── structure.md # 项目结构 └── rules.md # 代码规范4.3 常用模板product.md# 产品概述 ## 项目名称 [项目名称] ## 产品描述 [一句话描述] ## 核心功能 - 功能1 - 功能2 ## 目标用户 [用户群体]tech.md# 技术栈 ## 前端 - **框架**: Vue 3.4 - **语言**: TypeScript 5.x - **样式**: TailwindCSS ## 后端 - **框架**: Express 4.x - **数据库**: PostgreSQL 15rules.md# 代码规范 ## 命名 - 组件PascalCase - 函数camelCase - 常量SCREAMING_SNAKE_CASE ## 代码风格 - 使用 Composition API - 优先 async/await - 单函数不超过 50 行4.4 包含模式模式说明配置始终包含每次对话都读取默认无需配置条件包含特定文件类型时才包含inclusion: fileMatch手动包含#引用时才包含inclusion: manual条件包含示例--- inclusion: fileMatch fileMatch: **/*.vue --- # Vue 组件规范 - 使用 script setup 语法 - Props 必须定义类型5. Agent Hooks 自动化5.1 核心概念Hooks 事件驱动的自动化特定事件触发时自动执行 AI 任务。5.2 触发时机事件官方名称说明用途On file saveOn file save保存文件时自动 lint、更新翻译On agent stopOn agent stopAI 执行完成时自动运行测试On file createOn file create创建文件时生成模板代码ManualManual trigger手动触发按需执行复杂任务5.3 配置方式通过命令面板打开配置界面CtrlShiftP→ 搜索Open Kiro Hook UI5.4 典型用例保存时自动格式化触发On Save文件匹配**/*.{js,ts,vue}动作运行 eslint --fix 和 prettier --write自动运行测试触发On agent stop条件修改了 src/ 目录下的文件动作运行相关单元测试翻译同步触发On Save文件匹配**/locales/zh-CN.json动作将新增 key 同步到其他语言文件6. MCP 协议集成6.1 核心概念MCP Model Context Protocol开放协议让 Kiro 连接外部工具和服务。6.2 配置位置.kiro/settings/mcp.json # 项目级 ~/.kiro/settings/mcp.json # 用户级6.3 配置示例{mcpServers:{github:{command:npx,args:[-y,modelcontextprotocol/server-github],env:{GITHUB_TOKEN:${env:GITHUB_TOKEN}}},postgres:{command:npx,args:[-y,modelcontextprotocol/server-postgres],env:{DATABASE_URL:postgresql://user:passlocalhost:5432/db}}}}6.4 常用 MCP 服务器服务器用途GitHub管理仓库、PR、IssuesPostgreSQL数据库查询AWS Docs查询 AWS 文档Puppeteer浏览器自动化7. 提示词工程技巧7.1 高效提示词结构[角色定义] [上下文] [具体任务] [约束条件] [输出格式]7.2 技巧集锦定义角色你是一个专注于性能优化的 Node.js 专家。提供示例帮我写验证函数格式参考 // 输入: validateUser({ name: 张三 }) // 成功: { valid: true, data: {...} } // 失败: { valid: false, errors: [...] }明确约束要求 1. 不改变函数签名 2. 不引入新依赖 3. 兼容 Node.js 16分步执行请分步执行 第一步创建数据模型等我确认 第二步创建 CRUD 接口 第三步添加测试 现在执行第一步8. 团队协作8.1 共享配置.kiro/ ├── steering/ # ✅ 提交团队共享背景 ├── specs/ # ✅ 提交共享需求设计 └── settings/ └── mcp.json # ⚠️ 注意脱敏.gitignore.kiro/settings/mcp.json # 包含 token不提交8.2 高效协作公式Steering项目背景 ↓ Spec功能规划→ 文档可共享给团队 ↓ Vibe日常调整→ 快速迭代 ↓ Hooks自动化→ 保障质量9. 性能优化9.1 大型项目建议问题解决方案上下文过长用#File精确引用避免#Codebase响应慢按模块拆分 Steering任务复杂用 Spec 分步执行9.2 Steering 精简原则❌ 不放完整代码✅ 只放规则和约定❌ 不超过 500 行✅ 分多个文件按需加载