通义灵码在TypeScript项目中需正确识别TS文件和启用项目上下文才能生成可编译代码：确认状态栏显示【TypeScript】，开启tongyi.projectContext，并确保tsconfig.json有效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在 TypeScript 项目中用通义灵码写代码，不是简单地让 AI 填空，而是让它理解接口定义、类型流转和 Vue/React 组件契约后生成可直接编译通过的代码。你需要先确保灵码能“看见”整个 TS 项目结构，否则它会按 JavaScript 逻辑瞎猜类型。
确认灵码已识别当前为 TypeScript 项目
打开一个 .ts 或 .tsx 文件，在编辑器右下角状态栏查看语言模式是否显示为 【TypeScript】；若显示为 JavaScript 或 Plain Text，点击该区域→选择「Configure File Association for '.ts'」→设为 TypeScript。
这一步不可跳过：灵码的类型推导完全依赖 VS Code 的语言服务，如果文件没被识别为 TS，它就不会读取 node_modules/@types 或 tsconfig.json 中的类型定义，生成的代码大概率报错 Type 'any' is not assignable to type 'string'。
启用项目级上下文感知
点击左下角齿轮图标 →「设置」→ 搜索「tongyi.projectContext」→ 勾选「Enable Project Context」。
开启后灵码会扫描当前工作区根目录下的 tsconfig.json，并自动加载 referenced files、typeRoots 和 compilerOptions.paths 配置。没开这个选项时，你在一个 utils.ts 里写 const a = useRequest()，灵码根本不知道 useRequest 是从 @/hooks 引入的自定义 Hook，只会按 React 官方文档胡乱补全。
【关键前提】 项目必须存在有效的 tsconfig.json，且不能是空文件或只含 { } 的配置。
用自然语言注释生成强类型函数
方法一：在 .ts 文件中输入以下注释并回车：
// 根据用户 ID 查询用户详情，返回 Promise
等待 1～2 秒，灵码会在光标下方生成完整函数，包括 import 语句（如 import { UserDetail } from '@/types/user'）和类型标注（async function fetchUserById(id: string): Promise
方法二：在已有函数签名下方直接写注释：
const parseConfig = (raw: string): ConfigObj => {
// 将 JSON 字符串解析为 ConfigObj 类型，失败时抛出带原始字符串的 CustomError
灵码会续写 try/catch 块，自动 import CustomError 并确保 return 类型与签名一致——这比手动写类型断言安全得多。
实时修正类型错误
第一步：在 Vue3 + TS 项目中写下这段有隐患的代码：
const props = defineProps();
props.items.map(item => item.toUpperCase());
第二步：将光标停在 toUpperCase() 上，按下快捷键 Alt+Q（Windows）/ Option+Q（macOS） 唤起「代码优化建议」面板。
第三步：选择「Add null check for props.items」选项，灵码会自动改写为 props.items?.map(...)，并补充类型守卫 if (!props.items) return; —— 这个动作基于 TypeScript 的 strictNullChecks 编译选项实时触发，不是通用 JS 逻辑。
注意：此功能仅在 tsconfig.json 的 "strict": true 或至少 "strictNullChecks": true 开启时生效，否则灵码不会插入可选链。
批量生成组件 Props 类型定义
① 在 .vue 文件的 <script setup lang="ts"> 区域顶部，输入：</script>
// 定义本组件接收的 Props，包含 title（必填字符串）、maxCount（可选数字，默认 10）、onConfirm（回调函数，接收 string 和 number）
② 按 Enter，等待灵码生成完整 interface 和 defineProps 调用。
③ 检查生成结果是否包含 extends Record
④ 将光标放在 defineProps 调用上，按 Ctrl+Space（Windows）/ Cmd+Space（macOS）唤出类型提示，确认 hover 提示中显示的是精确的联合类型而非 any。
