⚡ 代码补全
功能作用
代码补全会在你输入国际化函数参数时,自动提示可用 key 与对应翻译文案,减少手写错误并提升录入速度。
支持语言:
- JavaScript / TypeScript
- JSX / TSX
- Vue
如何触发
当你在国际化函数调用中输入引号内容时,插件会给出补全候选。
例如:t('...')、t("...")
说明:
- 补全基于你配置的函数名列表(默认包含
t) - 代码补全功能本身没有独立快捷键,使用编辑器默认补全交互(如方向键/回车确认)

常用配置
i18n-mage.completion.enable
总开关,控制是否启用补全。i18n-mage.completion.displayLanguageSource
候选项文案来源:source:显示翻译源语言文案display:显示当前显示语言文案
i18n-mage.completion.matchScope
补全匹配范围:key:仅按 key 匹配value:仅按翻译文案匹配both:同时匹配 key 与文案
i18n-mage.completion.pinyinSearch
中文文案拼音搜索模式:off:关闭full:全拼abbr:首字母both:全拼 + 首字母
i18n-mage.i18nFeatures.translationFunctionNames(重要)
指定哪些函数调用应触发 i18n 补全,例如:["t", "i18n.t"]。
使用建议
- 中文项目建议:
matchScope = bothpinyinSearch = both
- 候选项太多时:
- 先改为
matchScope = key - 再按团队命名规范收敛 key 前缀
- 先改为
