VSCode + Claude + Code GLM 新手入门指南：从零搭建智能编程助手

6次阅读

没有评论

共计 1743 个字符，预计需要花费 5 分钟才能阅读完成。

作为一名开发者，每天要面对大量的代码编写和调试工作。Claude 和 Code GLM 是两个强大的 AI 编程助手，可以显著提升开发效率。

Claude 是由 Anthropic 开发的 AI 助手，擅长理解自然语言和代码，可以提供代码建议、解释和优化意见。
Code GLM 是专为代码生成和补全优化的模型，特别擅长处理编程语言相关任务。

这两个工具结合 VSCode 使用，可以让你在熟悉的开发环境中获得智能辅助，减少重复劳动，提高代码质量。

在开始配置前，请确保你的系统满足以下要求：

操作系统：Windows 10/11，macOS 10.15+ 或 Linux（Ubuntu 18.04+）
VSCode 版本：1.75+
Node.js 版本：16+
Python 3.8+（如果你计划使用 Python 相关功能）

打开 VSCode，点击左侧活动栏的扩展图标
搜索并安装以下插件：
Claude for VSCode
Code GLM Extension
安装完成后，重启 VSCode 使插件生效

两个插件都需要 API 密钥才能使用完整功能：

注册并登录 Claude 和 Code GLM 的开发者平台
在账户设置中获取 API 密钥
在 VSCode 中：
按 Ctrl+Shift+P 打开命令面板
输入 ”Preferences: Open Settings (JSON)”

添加以下配置：

"claude.apiKey": "your_claude_api_key",
"codeglm.apiKey": "your_codeglm_api_key"

在项目根目录创建 .vscode/settings.json 文件

添加以下配置以优化 AI 助手行为：

{
  "claude.enableAutoSuggest": true,
  "codeglm.language": "javascript",
  "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": true
  }
}

当你开始输入代码时，插件会自动提供补全建议。例如输入：

// 创建一个 React 组件
function MyComponent() {const [count, setCount] =

插件会自动补全完整的 useState 用法：

function MyComponent() {const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

选中一段代码，右键选择 ”Explain Code”，会得到类似这样的解释：

# 原始代码
items = [1, 2, 3, 4, 5]
squared = list(map(lambda x: x**2, items))

# AI 解释
"""
这段代码做了以下事情：1. 创建一个包含数字 1 到 5 的列表
2. 使用 map 函数将 lambda 函数 (x 的平方) 应用到每个元素
3. 将结果转换为列表
最终 squared 变量包含[1, 4, 9, 16, 25]
"""