Cline VS Code AI 助手配置

新一代 AI 编程助手，在 VS Code 中实现自然语言编程，支持多文件编辑、自主操作和团队协作

快速开始

1. 安装扩展

在扩展市场搜索 "Cline"

2. 配置 API

设置模型和 API 密钥

3. 打开面板

Cmd/Ctrl + Shift + L

4. 开始对话

用自然语言编程

核心功能

🤖

AI 驱动开发

智能代码生成、重构和优化

📝

多文件编辑

同时创建和编辑多个相关文件

🧠

上下文感知

自动理解项目结构和代码关系

💬

实时协作

像与同事对话一样编程

⚡

自定义命令

创建专属的开发命令和工作流

👥

团队共享

统一团队的 AI 编程体验

常用命令

/edit编辑代码
/create创建文件
/explain解释代码
/fix修复问题
/refactor重构代码
/test生成测试
/doc生成文档
@file引用文件
@folder引用文件夹
@web引用网页

配置示例

安装与配置

在 VS Code 中安装 Cline 并配置 API

# 1. 安装 Cline 扩展
# 方法1：VS Code 扩展市场
# 搜索 "Cline" 或 "Continue Dev" 并安装

# 方法2：命令行安装
code --install-extension cline.cline

# 2. 首次配置向导
# 安装后会自动弹出配置向导
# 或者按 Cmd/Ctrl + Shift + P 输入 "Cline: Setup"

# 3. 配置文件位置
# ~/.cline/config.json (全局配置)
# .cline/config.json (项目配置)

{
  "models": [
    {
      "title": "GPT-4o (Custom)",
      "provider": "openai",
      "model": "gpt-4o",
      "apiBase": "https://api.example.com/v1",
      "apiKey": "YOUR_API_KEY",
      "contextLength": 128000
    },
    {
      "title": "Claude 3.5 Sonnet",
      "provider": "anthropic",
      "model": "claude-3-5-sonnet-20241022",
      "apiBase": "https://api.example.com/v1",
      "apiKey": "YOUR_API_KEY",
      "contextLength": 200000
    }
  ],
  "defaultModel": "gpt-4o",
  "temperature": 0.7,
  "maxTokens": 4096
}

# 4. 验证配置
# Cmd/Ctrl + Shift + P → "Cline: Test API Connection"

使用技巧

  • • 使用 @ 符号引用文件和文件夹，让 Cline 了解更多上下文
  • • 创建自定义命令和模板，提高开发效率
  • • 配置团队共享规则，保持代码风格一致
  • • 利用多文件编辑功能，一次性完成复杂的重构任务
  • • 定期查看和优化对话历史，改进 AI 的理解能力
  • • 结合快捷键使用，无需离开键盘即可完成大部分操作

Cline vs 其他工具

特性ClineCopilotCursor
多文件编辑✅❌✅
自然语言对话✅⚠️✅
VS Code 原生✅✅❌
自定义 API✅❌✅
开源免费✅❌❌

相关工具

Cursor 配置
AI 代码编辑器
Claude Code
VS Code 扩展
Aider 配置
命令行 AI 编程