Skip to content

VS Code AI 插件配置

VS Code 作为最流行的代码编辑器,拥有丰富的 AI 编程插件生态。本文介绍如何在 VS Code 中配置和使用主流 AI 插件,打造高效的 AI 辅助开发环境。

主流 AI 插件概览

插件开发者特点定价
GitHub CopilotGitHub代码补全最强$10/月
CodeiumCodeium免费功能多免费/付费
通义灵码阿里巴巴中文支持好免费/付费
MarsCode字节跳动轻量友好免费/付费
Continue开源本地模型支持免费
CodeGeeX清华国产免费免费

GitHub Copilot

安装配置

  1. 打开 VS Code 扩展市场
  2. 搜索"GitHub Copilot"
  3. 点击安装
  4. 使用 GitHub 账号登录授权

核心功能

代码补全

python
# 输入注释,Copilot 自动生成代码
# 读取 JSON 配置文件并返回字典

import json

def load_config(file_path: str) -> dict:
    """读取 JSON 配置文件"""
    with open(file_path, 'r', encoding='utf-8') as f:
        return json.load(f)

Copilot Chat

快捷键:Cmd+Shift+I

聊天功能:
- 代码解释
- 错误修复
- 代码生成
- 测试编写

配置优化

json
// settings.json
{
  "github.copilot.enable": {
    "*": true,
    "yaml": false,
    "plaintext": false
  },
  "github.copilot.editor.enableAutoCompletions": true,
  "github.copilot.advanced": {
    "length": 500,
    "temperature": 0.2
  }
}

快捷键

功能MacWindows
触发建议Cmd+Shift+PCtrl+Shift+P
接受建议TabTab
下一个建议Alt+]Alt+]
上一个建议Alt+[Alt+[
打开 ChatCmd+Shift+ICtrl+Shift+I

Codeium

安装配置

  1. 扩展市场搜索"Codeium"
  2. 安装并登录
  3. 免费版即可使用基础功能

特点

  • 免费额度大:个人用户免费使用
  • 多语言支持:支持 70+ 编程语言
  • 多编辑器支持:VS Code、JetBrains、Vim 等

配置

json
// settings.json
{
  "codeium.enableConfig": {
    "*": true,
    "markdown": true
  },
  "codeium.welcome": false,
  "codeium.telemetry": false
}

使用技巧

javascript
// Codeium 支持更长的上下文
// 可以根据项目中其他文件的代码来补全

// 在 auth.js 中定义的函数
export function validateToken(token) { ... }

// 在其他文件中,Codeium 能理解并补全相关调用
import { validateToken } from './auth'

// 输入:validate
// Codeium 会建议 validateToken 并显示参数提示

通义灵码

安装配置

  1. 扩展市场搜索"通义灵码"
  2. 安装并使用阿里云账号登录
  3. 免费版功能完善

特色功能

中文注释生成

python
def process_data(data_list):
    """
    处理数据列表
    
    Args:
        data_list: 待处理的数据列表
        
    Returns:
        处理后的结果列表
        
    Raises:
        ValueError: 当数据列表为空时抛出
    """
    if not data_list:
        raise ValueError("数据列表不能为空")
    
    return [item.strip().lower() for item in data_list]

代码解释

选中代码后右键选择"通义灵码:解释代码"

配置

json
// settings.json
{
  "tongyi.enableAutoCompletion": true,
  "tongyi.enableCodeExplanation": true,
  "tongyi.enableUnitTest": true,
  "tongyi.model": "qwen-max"
}

MarsCode

安装配置

  1. 扩展市场搜索"MarsCode"
  2. 安装并登录
  3. 界面简洁,开箱即用

特色

  • 轻量级,不占资源
  • 免费功能多
  • 中文支持好

配置

json
// settings.json
{
  "marscode.enable": true,
  "marscode.autoTrigger": true,
  "marscode.maxSuggestions": 3
}

Continue(开源方案)

Continue 是一个开源的 AI 编程助手,支持本地模型。

安装

  1. 扩展市场搜索"Continue"
  2. 安装并打开配置文件

配置本地模型

json
// ~/.continue/config.json
{
  "models": [
    {
      "title": "Ollama",
      "provider": "ollama",
      "model": "codellama:7b"
    },
    {
      "title": "OpenAI",
      "provider": "openai",
      "model": "gpt-4",
      "apiKey": "your-api-key"
    }
  ],
  "slashCommands": [
    {
      "name": "edit",
      "description": "编辑选中的代码"
    },
    {
      "name": "explain",
      "description": "解释选中的代码"
    }
  ]
}

使用

Cmd+L 打开 Continue 面板

输入问题或指令:
- "解释这段代码"
- "添加错误处理"
- "编写单元测试"
- "优化性能"

多插件共存配置

VS Code 可以同时安装多个 AI 插件,但需要合理配置避免冲突:

方案一:按文件类型分配

json
// settings.json
{
  "github.copilot.enable": {
    "python": true,
    "javascript": true,
    "typescript": true
  },
  "codeium.enableConfig": {
    "go": true,
    "rust": true
  },
  "tongyi.enableAutoCompletion": {
    "java": true
  }
}

方案二:按功能分配

text
Copilot:主力代码补全
通义灵码:中文注释和文档
MarsCode:代码修复

方案三:主次搭配

json
// 主力插件:Copilot
// 辅助插件:通义灵码(关闭补全,只用聊天)

{
  "github.copilot.enable": { "*": true },
  "tongyi.enableAutoCompletion": false
}

推荐配置组合

组合一:免费方案

Codeium(主力补全)
+ MarsCode(中文辅助)
+ Continue(本地模型备用)

组合二:付费方案

GitHub Copilot(主力补全)
+ 通义灵码(中文文档)

组合三:国产优先

通义灵码(主力)
+ MarsCode(辅助)

组合四:企业方案

Copilot(开发)
+ 通义灵码企业版(内部文档)

性能优化

减少资源占用

json
// settings.json
{
  // 减少建议数量
  "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": false
  },
  
  // 控制补全延迟
  "editor.quickSuggestionsDelay": 100,
  
  // 关闭不需要的功能
  "github.copilot.editor.enableAutoCompletions": true,
  "editor.inlineSuggest.enabled": true
}

快捷键优化

json
// keybindings.json
[
  {
    "key": "cmd+shift+space",
    "command": "editor.action.triggerSuggest"
  },
  {
    "key": "cmd+i",
    "command": "github.copilot.openChat"
  }
]

常见问题

插件之间会冲突吗?

可能。建议只启用一个自动补全插件,其他插件关闭补全功能。

补全速度慢怎么办?

  • 检查网络连接
  • 尝试切换模型
  • 减少启用的插件数量

如何保护代码隐私?

  • 使用本地模型(Continue + Ollama)
  • 企业版私有部署
  • 关闭遥测功能

中文注释生成不准确?

使用国产插件(通义灵码、MarsCode),中文能力更强。

小结

VS Code 的 AI 插件生态丰富,选择时考虑:

  • 预算:免费选 Codeium/MarsCode,付费选 Copilot
  • 中文需求:首选通义灵码
  • 隐私要求:选择 Continue + 本地模型
  • 团队协作:选择团队版方案

合理配置可以让多个插件协同工作,打造适合自己的 AI 开发环境。