vscode插件生成import/require依赖prefix+tab触发，如imrc→react导入；需匹配语言id（如javascriptreact），tsx文件需手动配置或改用全局片段；自动导入更可靠，require片段已不推荐。
vscode 插件生成 import / require 代码块，靠的是 prefix + Tab
VSCode 本身不提供“一键插入 import”的快捷键，所有稳定可用的引用代码生成，都依赖 prefix 触发 + Tab 确认。所谓“插件快速生成”，本质是插件预置了带 prefix 的代码片段，比如 imrc → import React, { Component } from 'react'。
常见失效场景：
- 敲了
imrc没反应？先看右下角语言 ID 是不是javascriptreact（不是javascript或typescript） - 在 .tsx 文件里想用
imrc却不生效？因为 Simple React Snippets 默认只匹配javascriptreact，需手动改其package.json的contributes.snippets.language字段，或换用支持多语言的片段配置 - 装了插件但没重启 VSCode？部分插件（尤其是老版本）需重启才加载 snippet 注册表
Simple React Snippets 的 imrc、cc 等前缀，只对特定语言 ID 生效
这个插件的 imrc、cc、rfc 等前缀，硬编码绑定在 javascriptreact 语言模式下。它不会自动适配 typescriptreact 或 vue，哪怕你正在写一个 .tsx 文件。
如果你常写 TSX 组件，有两个务实选择：
- 在用户级全局片段（
common.code-snippets）里手动复写一遍imrc，把body改成import React, { Component } from 'react';，并删掉"scope"字段——这样它在任何文件里输imrc+Tab都能触发 - 直接用 VSCode 内置的自动导入：写
useState后按Ctrl+Space，选带“auto import”的建议项；前提是已启用"javascript.suggest.autoImports": true（TypeScript 同理） - 别依赖插件前缀做跨语言通用操作——不同语言的模块系统（ESM/CJS/AMD）、路径解析规则、类型导入语法（
import type）差异太大，强行复用容易出错
自定义 import 片段时，$1 占位符位置决定光标落点是否合理
写一个通用 import 片段时，光标默认停在第一个 $1。但很多人忽略：如果 $1 在引号外（比如 import $1 from '$2';），Tab 后光标会先进入模块名位置，再跳进引号——这不符合直觉。
更合理的写法是：
-
import {$1} from '$2';→ 先填命名空间/解构名，再填路径 -
import $1 from '$2';→ 先填默认导出名，再填路径（适合单个 default 导出） -
import * as $1 from '$2';→ 先填命名空间别名 - 所有占位符必须显式写出
$0，否则光标最终停在最后一行末尾，而不是你希望的编辑起点 - 避免
$1$2连写——中间没空格或换行，VSCode 会当成一个 token，跳转逻辑错乱
require 语句不适合用 prefix 片段高频生成
require 是 CommonJS 专属语法，现代项目（尤其 TypeScript + ESM）已基本弃用。硬写 req → const $1 = require('$2'); 片段，会在以下场景翻车：
- 在 ESM 文件（.mjs/.ts）里触发，导致语法错误
- Webpack/Vite 构建时无法静态分析
require调用，影响 tree-shaking - TS 类型检查器无法为
require返回值推导类型，除非额外配declare module
真正需要动态引入时，优先用 import($1) 动态导入语法——它返回 Promise，类型可推导，且被所有现代打包器原生支持。
