爱意满满的作品展示区。
iammapping

分享一个通用的 VSCode I18n 插件,适合有复杂国际化需求或技术栈特殊的项目

  •  
  •   iammapping ·
    iammapping · Sep 8, 2025 · 3074 views
    This topic created in 254 days ago, the information mentioned may be changed or developed.

    分享一个好用的 i18n 插件:I18n Fast,我们团队内部也在用这个,帮作者做做推广

    区别于市面上其他插件,这个插件可以自己写 js 代码去自定义国际化需求

    优点:自由度高,可以自己写代码扩展功能,基本上可以满足所有需求和技术栈了

    缺点:需要写 js 代码,不然没法用。不过可以参考作者给的示例代码改改就能用

    感觉其他插件用着别扭可以研究研究这个

    使用效果截图

    这里也是 Copy https://juejin.cn/post/7546664451485237282 这个文章里面的截图,有兴趣可以读一下原文。

    回显效果:

    • 文案后面有中文回显
    • hover 上去有完整的中文
    • cmd/ctrl + click 下钻跳转至 i18n 定义位置

    选中转换:

    1. 选中需要转换的文本
    2. cmd + option + c / ctrl + alt + c
    3. i18n 文件自动写入,代码文件自动更新

    批量转换:

    1. 在当前文件cmd + option + c / ctrl + alt + c
    2. i18n 文件自动写入,代码文件自动更新

    转换剪切板文本并粘贴:

    1. 复制需要转换的文本
    2. 在要粘贴的位置cmd + option + v / ctrl + alt + v
    3. i18n 文件自动写入,代码文件自动更新

    遇到重复 i18n 时:

    • 根据i18n-fast.conflictPolicy配置来执行对应策略
    • 图中为smart模式,有超过一个 i18n 定义,所以弹出选择器自行选择:要复用的 key 、忽略(重新生成)、跳过

    更多i18n-fast.conflictPolicy可选项参考配置

    撤销:

    • 撤销上一步的所有写入操作,i18n 文件、代码文件等
    • 最大可撤销次数:10 次

    Supplement 1  ·  Sep 9, 2025
    3 replies    2025-09-09 23:01:56 +08:00
    yuanyuan11
        1
    yuanyuan11  
       Sep 8, 2025 via Android
    借楼说个题外话,OP 这个录屏可以显示按键的软件是啥?
    dandel1on
        2
    dandel1on  
       Sep 9, 2025   ❤️ 1
    @imjiaoyuan vscode 自带 screencast mode
    iammapping
        3
    iammapping  
    OP
       Sep 9, 2025
    @imjiaoyuan keycastr
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   992 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 20:23 · PVG 04:23 · LAX 13:23 · JFK 16:23
    ♥ Do have faith in what you're doing.