准备好体验 Cline 的实际操作了吗？这个动手教程将引导你在不到一分钟的时间内构建一个网站。你将体验 Cline 如何理解你的要求、创建文件并根据你的反馈进行迭代——所有这些都通过自然的对话完成。 在本指南结束时，你将构建一个正常运行的网站，并学会使用 Cline 的基础知识。先决条件
- 在编辑器中安装 Cline (安装指南)
- 选择 AI 模型 (模型设置)
- 在编辑器中打开任意文件夹（或创建一个新的空文件夹）
步骤 1：打开 Cline
点击编辑器侧边栏（左侧）中的 Cline 图标。聊天面板将打开。
快速提示：你也可以使用 Cmd+Shift+P (Mac) 或 Ctrl+Shift+P (Windows/Linux) 并搜索 “Cline: Open In New Tab”（Cline: 在新标签页中打开）
步骤 2：给 Cline 一个任务
将此提示复制并粘贴到 Cline 的聊天中
Create a simple website in a single HTML file. It should have:
- A welcome message saying "Hello from Cline!"
- A colorful gradient background
- A button that cycles through different color themes when clicked
- Modern, clean design
- All CSS and JavaScript should be included in the same HTML file
步骤 3：接下来会发生什么
Cline 将会：
-
创建一个文件
index.html - 一个包含嵌入式 CSS 和 JavaScript 的完整网页
-
请求批准（除非你已启用自动批准）
- 点击“批准”以允许 Cline 创建文件
- 你可以先查看它计划做什么
-
在几秒钟内完成任务
步骤 4：查看你的网站
Cline 完成后
- 在编辑器的文件浏览器中找到
index.html
- 右键点击它并选择
- “在 Finder/Explorer 中显示”，然后双击在浏览器中打开
- 点击按钮查看颜色主题的变化！
尝试进行更改
在同一个聊天中，尝试询问：
Add a counter that shows how many times the button has been clicked
Make the welcome message fade in when the page loads
你现在知道如何做到：
- 使用清晰的提示给 Cline 分配任务
- 查看并批准 Cline 的操作
- 在几秒钟内构建一个完整的项目
- 对现有工作进行迭代和改进
后续步骤
既然你已经体验了 Cline 的功能，请探索更多：
需要帮助吗？
- 遇到困难？尝试在聊天中使用
/new 重新开始
- 发现错误？使用
/reportbug 来帮助我们改进
- 有问题？加入我们的 Discord 社区
