Kiro 基础教程

从零基础到熟练掌握 AI 编程工具的使用技巧

预计 30 分钟
适合初学者
实用指南

教程目录

{{ section.step }}

{{ section.title }}

{{ section.description }}

1
认识 Kiro 界面

首次启动 Kiro 后,了解各个界面组件的功能和布局

主要界面区域

🗂️ 侧边栏面板

  • 资源管理器:查看和管理项目文件
  • 搜索:全局搜索和替换功能
  • 源代码管理:Git 版本控制集成
  • 扩展:管理插件和扩展
  • Kiro Chat:AI 助手聊天界面

📝 编辑器区域

  • 代码编辑器:主要的代码编写区域
  • 标签页:管理多个打开的文件
  • 面包屑导航:显示当前文件位置
  • 状态栏:显示文件信息和快速操作

小贴士

使用 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (macOS) 打开命令面板,快速访问所有功能。

2
创建和管理项目

学习如何在 Kiro 中创建新项目或打开现有项目

创建新项目

1

打开欢迎页面

点击"文件" → "新建工作区" 或使用快捷键 Ctrl+Shift+N

2

选择项目模板

从预设模板中选择,如 React、Vue、Python、Node.js 等

3

配置项目信息

填写项目名称、保存位置和其他基本配置

打开现有项目

本地项目

打开本地文件夹作为工作区:

文件 → 打开文件夹
或按 Ctrl+K, Ctrl+O

远程项目

从 Git 仓库克隆项目:

Ctrl+Shift+P
输入 "Git: Clone"

3
基本编辑操作

掌握 Kiro 中的代码编辑基础功能

智能代码补全

Kiro 提供强大的 AI 驱动代码补全功能:

自动补全

  • • 输入时自动显示建议
  • • 按 Tab 接受建议
  • • 按 Esc 关闭建议

手动触发

  • Ctrl+Space 显示建议
  • Ctrl+Shift+Space 参数提示
  • Ctrl+I AI 生成代码

常用快捷键

文件操作

新建文件 Ctrl+N
保存文件 Ctrl+S
打开文件 Ctrl+O

编辑操作

撤销操作 Ctrl+Z
重做操作 Ctrl+Y
查找替换 Ctrl+H

4
使用 AI 助手

学习如何与 Kiro 的 AI 助手进行有效交互

打开 AI 聊天界面

方法一:快捷键

Ctrl+Shift+P → "Kiro: Open Chat"

最快速的方式,适合熟练用户

方法二:侧边栏

点击侧边栏 "Kiro Chat" 图标

适合初学者和可视化操作

AI 对话技巧

上下文引用

使用 # 符号引用上下文:

#File - 引用当前文件
#Folder - 引用整个文件夹
#Codebase - 引用整个代码库
#Terminal - 引用终端输出

常用提问方式

💡 代码生成

"帮我写一个函数,实现..."

"创建一个 React 组件,用于..."

🐛 错误修复

"这个错误是什么意思?"

"如何修复这个 bug?"

🔍 代码解释

"解释一下这段代码的作用"

"这个算法是如何工作的?"

⚡ 优化建议

"如何优化这段代码?"

"有更好的实现方式吗?"

5
实际操作练习

通过实际项目练习,巩固所学知识

练习项目:简单的 To-Do 应用

项目目标

创建一个简单的待办事项应用,练习 Kiro 的基本功能

1

创建项目结构

使用 AI 助手帮助创建基本的项目结构

"帮我创建一个简单的 To-Do 应用的 HTML、CSS 和 JavaScript 文件结构"
2

编写核心功能

让 AI 助手帮助实现添加、删除、标记完成等功能

"实现添加新待办事项的功能,包括输入验证"
3

优化和改进

使用 AI 建议优化代码质量和用户体验

"如何改进这个 To-Do 应用的用户界面和交互体验?"

完成基础教程后

继续深入学习 Kiro 的高级功能

核心特性详解

深入了解 Specs、Hooks、Steering 等核心功能

学习特性

高级功能应用

学习 MCP 集成、自定义配置等高级主题

高级教程

常见问题

查看常见问题和解决方案

查看 FAQ