在开发过程中,代码质量问题往往并非仅在 Code Review 阶段才被发现——若能实时捕获类型不匹配、重复逻辑、Vue 模板缺少 :key 这类潜在隐患,许多问题根本不会流入正式审查环节。通义灵码正是为此场景设计:在你敲下分号的瞬间,它就能给出精准提示,并且支持按项目配置审查级别与忽略规则,从而将“事后纠错”转变为“事中预防”。

启用并配置代码审查功能
打开 VS Code 设置(Ctrl+,),搜索 tongyi.codeReview.enable,勾选启用开关。【未启用时所有审查提示均不会出现】
在 settings.json 中添加或修改以下关键配置项:
"tongyi.codeReview.level": "error" //设为"error"时,严重问题直接标红;设为"suggestion"则仅灰字提示"tongyi.codeReview.ignorePatterns": ["**/mock/*", "**/test/**"] //排除测试和模拟目录,避免干扰"tongyi.codeReview.checkTypes": true //TypeScript 项目必须开启,否则不检查类型错误
配置保存后,重启编辑器或重新加载窗口(Ctrl+Shift+P → Developer: Reload Window)。
实时审查:边写边看问题
在 {{ item.name }}.vue 文件中输入:
通义灵码会立刻在 v-for 指令下方显示黄色波浪线,并 hover 提示:“v-for must ha ve a 'key' attribute”。这不是语法报错,而是语义级规范提醒——它基于 Vue 2.x 最新规则库识别出模板结构风险,【若忽略此提示,列表重排时可能触发 DOM 复用异常】。
在 TS 文件中声明:let count: number = "10";
通义灵码将标红 count,提示:“Type 'string' is not assignable to type 'number'”,且自动关联 tsconfig.json 中的 strict 选项状态。
手动触发深度审查
方法一:右键菜单快捷审查。选中一段函数代码 → 右键 → “通义灵码:代码审查” → 等待 3 秒,弹出侧边面板,列出“高危:硬编码密码”“建议:提取常量”“警告:函数长度超 50 行”三类问题,每条附带定位行号和修复示例。
方法二:对话框发起全量扫描。按 Alt+L 唤出对话窗口 → 输入“对当前项目执行一次完整代码审查,重点关注安全漏洞和性能反模式” → 点击发送 → 它自动遍历 src 目录下所有 .js/.ts/.vue 文件,生成含 17 项问题的 PDF 报告(可导出)。
方法三:聚焦特定问题类型。在对话框输入:“只检查当前工程中所有 SQL 拼接字符串,标记可能存在 SQL 注入的位置” → 它跳过类型检查和风格问题,专攻危险字符串拼接,精准定位到 UserService.ja va 第 89 行的 statement.execute("SELECT * FROM user WHERE id = " + userId)。
查看并应用修改建议
第一步:点击审查结果中的任一问题条目,编辑器自动跳转至对应代码行,并高亮可疑片段。
第二步:悬停在高亮区域,点击浮现的“? 应用建议”按钮 → 通义灵码插入修正后的代码块,例如将硬编码超时值 5000 替换为 config.timeout.api,默认保留原有缩进和注释位置。
第三步:若建议不适用,点击右侧“×”关闭该条,或在对话框中追问:“为什么此处建议改为 Promise.all?当前是串行依赖,不能并发。”它会立即重分析并更新结论。
第四步:批量接受全部可修复项 → 在审查面板底部点击“全部应用修复”,通义灵码生成原子化 diff,逐文件提交变更,不破坏 git blame 历史。
