VS Code代码片段需按语言模式匹配而非文件后缀；for片段在.ts/.tsx中不触发，因语言模式显示为TypeScript而非TypeScript React；缩进必须用\t而非空格。
直接配好就能用，不用装插件、不依赖扩展；但必须分清语言模式，for 在 JavaScript 文件里生效，不代表在 .tsx 里也触发。
为什么 for 片段在 .ts 或 .tsx 文件里不弹出
VS Code 按当前编辑器右下角显示的语言模式（Language Mode）匹配片段，不是按文件后缀粗略判断。常见错误：
- 文件明明是
index.tsx，但右下角显示的是TypeScript而非TypeScript React→ 此时typescript.json的片段才生效，typescriptreact.json被忽略 - 你把
for片段写在了javascript.json里，却在.ts文件中输入 → 不匹配，完全不提示 - 片段文件名写成
typescript.json，但实际想覆盖.tsx→ 必须用typescriptreact.json
for、forof、forin 片段怎么写才不崩缩进
body 是字符串数组，每项一行；缩进靠 \t 控制，不是空格。错用空格会导致粘贴后结构塌陷、光标跳位错乱。
正确示例（TypeScript React 环境）：
{
"for loop": {
"prefix": "for",
"body": [
"for (let $1 = 0; $1 < $2; $1++) {",
"\t$0",
"}"
],
"description": "Basic for loop"
},
"for...of": {
"prefix": "forof",
"body": [
"for (const $1 of $2) {",
"\t$0",
"}"
],
"description": "for...of loop"
}
}
-
$1和$2是初始占位符，Tab 可跳转；$0是最终退出点，放最后一行内容后 - 大括号换行、内部缩进全部用
\t，不要混用空格 - 如果某行要顶格（如
}），就别加\t；要缩进一级，只加一个\t
如何让循环变量自动带默认值或选项
占位符支持默认值和枚举选择，避免每次手动输 i 或选 const/let。
例如这个增强版 for：
"for loop with default": {
"prefix": "fori",
"body": [
"for (let ${1:i} = ${2:0}; ${1} < ${3:10}; ${1}++) {",
"\t$0",
"}"
],
"description": "for loop with index default"
}
-
${1:i}表示光标停在i处，已预填内容，可直接回车跳过 -
${2:0}和${3:10}同理，常用边界值提前写死 - 若想让用户选声明方式：
${1|const,let,var|}，插入后下拉选择
多个语言都要用同一套循环片段，怎么复用
不能靠复制粘贴 JSON 到每个语言文件——维护成本高，且容易漏更新。推荐两种实际可行的方式：
- 用全局片段（
global.code-snippets），但需显式加"scope": "javascript,typescript,typescriptreact"字段，否则默认不生效 - 更稳妥的是：在
typescriptreact.json里配全，再用 VS Code 的「多光标编辑」同步改到javascript.json和typescript.json——三份文件结构一致，Ctrl+D 选中所有"for"键名，一次改完
真正容易被忽略的点是：scope 字段只在全局片段中起作用，语言专属片段（如 javascript.json）里写了也无效；而语言专属片段的生效范围，只由文件名和当前 Language Mode 共同决定，跟内容无关。
