如何在 VSCode 中使用 CodeGeeX 的“代码块生成”功能

你在 VSCode 里敲代码时，有没有过这样的念头：能不能用一句大白话描述想要的功能，编辑器就直接帮你生成一整段可运行的代码——而不是只做逐行补全，或者让你从零开始手动拼凑？这正是 CodeGeeX 的“代码块生成”功能能做的事。它可以从自然语言描述出发，直接生成完整的 HTML/CSS/JS 或 Python 函数，一步到位。

确认插件已就位并登录账号

打开 VSCode，点击左侧扩展图标（快捷键 Ctrl+Shift+X），搜索关键词

点击右下角的 CodeGeeX 图标，选择 Login，在浏览器中用手机号加验证码完成登录即可。未登录的情况下，代码块生成功能会被限制，甚至直接返回空响应，所以这一步别跳过。

用注释触发完整代码块生成

方法一：在空文件或者函数体外新建一行，输入以动词开头的中文注释。比如这样：// 生成一个带搜索框和清空按钮的 React 输入组件，支持防抖。

方法二：在已有代码的上方加几行上下文注释，给模型一些背景信息。比如先写 // 当前使用 Vite + TypeScript；已定义接口 SearchProps { placeholder?: string }，换行后再写具体的需求注释。

这里有一个很容易忽略的细节：光标必须放在注释正下方的新行行首，不能缩进，不能跟在分号后面，也不能处于字符串或注释行内部——

调出面板并采纳候选代码

第一步：把光标放到注释下方的空行，按下

第二步：右侧会弹出 CodeGeeX 面板，加载完成后会显示 3 到 5 个编号候选代码块。每个候选都是完整结构，包括 import、JSX、useEffect 以及防抖逻辑，不会只给个片段。

第三步：鼠标悬停在任意一个候选上，点击右上角的 Use Code 按钮，代码就会自动格式化并插入到光标位置。如果点了没反应，先检查一下网络是否连通，或者看看插件设置里 “Enable Code Generation” 是否已经开启。