WebStorm 不会自动生成多语言切换逻辑代码，仅支持通过 Live Templates 等功能加速手动编写，无法自动初始化 i18n、提取 data-i18n 属性、补全翻译 key 或同步重命名语言包键值。
WebStorm 不会自动生成多语言切换逻辑代码——它不提供「一键生成 i18n 初始化、语言包、切换函数」这类能力。所谓“自动生成”，实际是你在 WebStorm 中编写、组织、调试这些代码，而 IDE 只能通过 Live Templates、Postfix Completion 或外部工具配置来加速重复片段输入。
用 Live Template 快速插入基础 i18n 初始化代码
你得自己写 i18n 初始化逻辑，但可以用 Live Template 把重复结构固化下来，避免每次手敲：
- 进 Settings → Editor → Live Templates → 点右上角 + → Template Group，新建组名如
i18n-core - 再点 + → Live Template，Abbreviation 填
i18ninit，Template text 填：const lang = localStorage.getItem('lang') || navigator.language || 'zh-CN'; document.documentElement.lang = lang; - 点 Define → 勾选 JavaScript 和 TypeScript → OK
- 之后在 JS/TS 文件中输入
i18ninit+ Tab，就自动展开初始化代码
注意：navigator.language 返回的是 zh-CN 这类 BCP 47 标签，但你的语言包 key 可能是 zh 或 zhCN，得手动做 normalize（比如 lang.split('-')[0]），Live Template 不会帮你判断这个逻辑。
data-i18n 属性标记 + 批量更新脚本不能靠 WebStorm 自动生成
WebStorm 不会扫描 data-i18n 属性并反向生成语言包对象。你必须自己维护 zhCN、enUS 等对象，或借助外部工具提取：
- 先手动在 HTML 里加好
<h1 data-i18n="welcome">Hello</h1>这类标记 - 然后写一个极简提取脚本（运行一次即可）：
const keys = [...document.querySelectorAll('[data-i18n]')].map(el => el.dataset.i18n); console.log([...new Set(keys)].join(', ')); // 输出 welcome, login, submit... - 把输出的 key 列表复制到你的语言包对象里，填值仍需人工完成
- 别指望 WebStorm 的「Extract Variable」或「Generate」菜单能干这事——它只作用于当前作用域内的 JS 表达式，不跨 HTML/JS 边界
Vue 项目里 t() 函数调用不能被 WebStorm 自动补全成翻译文案
即使你已配置好 vue-i18n@v9，WebStorm 也不会在你输入 t(' 时自动列出所有可用 key。它的提示仅限于类型定义（如果写了 defineI18nType）或字符串字面量，但不会读取 JSON 语言包内容：
-
t('welcome')能被识别为合法调用，但t('welc')不会高亮报错，也不会补全成welcome - 要获得 key 提示，得手动给
t函数加 JSDoc 类型标注，或用defineI18nType配合 TypeScript 接口 - 更现实的做法：在语言包 JSON 文件里写好所有 key 后，用 WebStorm 的「Find Usages」（Alt+F7）查某个 key 在哪用了，而不是等它“生成”
真正容易被忽略的是：WebStorm 的「Rename Symbol」（Shift+F6）对语言包 key 无效——改 zhCN.welcome 的值，不会同步改 HTML 里的 data-i18n="welcome"，这得靠正则或专用工具，IDE 不管。
