入门指南
欢迎使用 Cline!本指南将帮助您完成设置并开始使用 Cline 构建您的第一个项目。
Cline 入门指南 | 新手程序员
欢迎使用 Cline!本指南将帮助您完成设置并开始使用 Cline 构建您的第一个项目。
您需要准备的内容
在开始之前,请确保您具备以下条件:
-
VS Code: 一个免费且功能强大的代码编辑器。
-
开发工具: 编程所需的基本软件(Homebrew、Node.js、Git 等)。
- 在完成此处的设置后,请按照我们的安装基本开发工具指南进行设置
- Cline 将指导您安装所需的一切内容
-
Cline 项目文件夹: 一个专门用于存放所有 Cline 项目的文件夹。
- 在 macOS 上:在您的文档文件夹中创建一个名为"Cline"的文件夹
- 路径:
/Users/[您的用户名]/Documents/Cline
- 路径:
- 在 Windows 上:在您的文档文件夹中创建一个名为"Cline"的文件夹
- 路径:
C:\Users\[您的用户名]\Documents\Cline
- 路径:
- 在这个 Cline 文件夹内,为每个项目创建单独的文件夹
- 示例:
Documents/Cline/workout-app
用于健身追踪应用 - 示例:
Documents/Cline/portfolio-website
用于您的个人作品集
- 示例:
- 在 macOS 上:在您的文档文件夹中创建一个名为"Cline"的文件夹
-
VS Code 中的 Cline 扩展: 在 VS Code 中安装 Cline 扩展。
-
这里有一个关于入门所需一切内容的教程。
逐步设置
按照以下步骤设置 Cline:
-
打开 VS Code: 启动 VS Code 应用程序。如果 VS Code 显示"运行扩展可能…",请点击"允许"。
-
打开您的 Cline 文件夹: 在 VS Code 中,打开您在文档中创建的 Cline 文件夹。
-
导航到扩展: 点击 VS Code 侧边栏中的扩展图标。
-
搜索’Cline’: 在扩展搜索栏中,输入"Cline"。
-
安装扩展: 点击 Cline 扩展旁边的"安装"按钮。
-
打开 Cline: 安装完成后,您可以通过以下几种方式打开 Cline:
- 点击活动栏中的 Cline 图标。
- 使用命令面板(
CMD/CTRL + Shift + P
)并输入"Cline: Open In New Tab"在编辑器中以标签页形式打开 Cline。推荐使用这种方式以获得更好的视图。 - 故障排除: 如果您看不到 Cline 图标,请尝试重启 VS Code。
- 您将看到: 您应该会在 VS Code 编辑器中看到 Cline 聊天窗口。
设置 OpenRouter API 密钥
现在您已经安装了 Cline,您需要设置 OpenRouter API 密钥以使用 Cline 的全部功能。
- 获取您的 OpenRouter API 密钥:
- 输入您的 OpenRouter API 密钥:
- 导航到 Cline 扩展中的设置按钮。
- 输入您的 OpenRouter API 密钥。
- 选择您偏好的 API 模型。
- 推荐用于编程的模型:
anthropic/claude-3.5-sonnet
:最常用于编程任务。google/gemini-2.0-flash-exp:free
:免费的编程选项。deepseek/deepseek-chat
:超级便宜,几乎和 3.5 sonnet 一样好
- OpenRouter 模型排名
- 推荐用于编程的模型:
您与 Cline 的第一次互动
现在您已准备好开始使用 Cline 构建项目了。让我们创建您的第一个项目文件夹并构建一些内容!将以下提示复制并粘贴到 Cline 聊天窗口中:
嗨 Cline!你能帮我在我的 Cline 目录中创建一个名为"hello-world"的新项目文件夹,并制作一个显示蓝色大字"Hello World"的简单网页吗?
您将看到: Cline 将帮助您创建项目文件夹并设置您的第一个网页。
使用 Cline 的技巧
- 提问: 如果您对某事不确定,请随时向 Cline 提问!
- 使用截图: Cline 可以理解图片,所以请随意使用截图来展示您正在处理的内容。
- 复制和粘贴错误: 如果您遇到错误,请将错误消息复制并粘贴到 Cline 的聊天中。这将帮助他理解问题并提供解决方案。
- 使用简单语言: Cline 设计为可以理解普通的、非技术性语言。请用您自己的语言描述您的想法,Cline 会将它们转换为代码。
常见问题
- 什么是终端? 终端是一个用于与计算机交互的基于文本的界面。它允许您运行命令来执行各种任务,如安装软件包、运行脚本和管理文件。Cline 使用终端来执行命令并与您的开发环境交互。
- 代码库如何工作? (本节将根据新手程序员的常见问题进行扩展)