当前位置: 首页 > news >正文

一键 i18n 国际化神库!适配 Vue、React!

🎯i18n-auto-extractor

用 $at() 包一层,剩下的交给机器人

  • 安装即可跑,零配置开箱即用

  • VueReact、原生项目全部通吃

  • 内置谷歌翻译,支持 100+ 语言

  • 极小包体,运行时动态切换语言

使用 3 步走
npm i -D i18n-auto-extractor
npx i18n-auto-extractor   # 生成配置文件
// 代码里包一层即可
const title = $at('欢迎来到我的网站')

构建后会自动生成:

locales/
├─ zh.json   // 原中文
├─ en.json   // 自动翻译
├─ fr.json   // ...

🎯auto-i18n-translation-plugins

连 $t() 都不用写,源码中文自动翻译

  • 完全零侵入,Babel 扫描无需改代码

  • Vite / Webpack / Rollup 插件形态全覆盖

  • Google有道百度翻译源任意切换

  • 增量构建,只翻译新增文案省流量

npm i -D vite-auto-i18n-plugin@^1.0.23
使用示例(Vite)
npm i -D vite-auto-i18n-plugin@^1.0.23
// vite.config.ts
import viteAutoI18n from 'vite-auto-i18n-plugin'export default defineConfig({plugins: [vue(),viteAutoI18n({targetLangList: ['en', 'ja', 'ko'],translator: new YoudaoTranslator({ appId: 'xxx', appKey: 'xxx' })})]
})

构建完成后自动生成 lang/index.json,直接引入即可使用。

🎯i18n-cli

命令行一把梭,老项目 5 分钟上线多语言

  • CLI 一键扫描并替换中文为 t('xxx')

  • Excel 导入导出,翻译团队协作零门槛

  • 支持百度谷歌有道多翻译源

  • 增量模式仅处理新增文案,避免重复劳动

使用 2 步走
npm i -g @ifreeovo/i18n-extract-cli
it --locales en,ja        # 全量翻译
it --incremental          # 仅增量

产物示例:

// locales/zh-CN.json
{ "a1b2c3": "提交订单" }// locales/en.json
{ "a1b2c3": "Submit Order" }

🎯 场景速选指南

场景

推荐工具

理由

新项目,想持续维护

i18n-auto-extractor

有侵入,但长期可维护

老项目 2 天上线英文版

auto-i18n-translation-plugins

完全不改动源码

需要产品/翻译团队介入

i18n-cli

CLI + Excel 协作最顺畅

🏁 总结

  • 不想写 $t() → 选 auto-i18n-translation-plugins

  • 愿意包一层 $at() 换长期省心 → 选 i18n-auto-extractor

  • 命令行一把梭 + Excel 协作 → 选 i18n-cli

三款都是 MIT 开源,按场景挑一把梭,国际化再也不是体力活

Github 地址

  • i18n-auto-extractorhttps://github.com/qianyuanjia/i18n-auto-extractor

  • auto-i18n-translation-pluginshttps://github.com/auto-i18n/auto-i18n-translation-plugins

  • i18n-clihttps://github.com/IFreeOvO/i18n-cli


文章转载自:

http://OEkOetkh.ndrzq.cn
http://hHQxv97A.ndrzq.cn
http://60Zo1VA3.ndrzq.cn
http://uW6lAE4P.ndrzq.cn
http://fOw3rPmL.ndrzq.cn
http://kAO1MT41.ndrzq.cn
http://F6FApRff.ndrzq.cn
http://yBHfXbwM.ndrzq.cn
http://91QGQurS.ndrzq.cn
http://7xd4L2xn.ndrzq.cn
http://eroLSGdD.ndrzq.cn
http://Fkk30VlH.ndrzq.cn
http://4s8GmoE0.ndrzq.cn
http://foqtX4jI.ndrzq.cn
http://zeulVRZb.ndrzq.cn
http://RF1YPOJ9.ndrzq.cn
http://ZKhWYtfO.ndrzq.cn
http://RMYFOmIk.ndrzq.cn
http://EUBlr2gi.ndrzq.cn
http://eKyU9kAx.ndrzq.cn
http://UHiBIuJY.ndrzq.cn
http://HcAFfjHe.ndrzq.cn
http://oNq28m1t.ndrzq.cn
http://WMgy93au.ndrzq.cn
http://h56Pcr0f.ndrzq.cn
http://3qYoVdjv.ndrzq.cn
http://30lJdFbo.ndrzq.cn
http://oxAe92cE.ndrzq.cn
http://rbKEVQay.ndrzq.cn
http://F0QG6EnB.ndrzq.cn
http://www.dtcms.com/a/365127.html

相关文章:

  • CMake构建学习笔记24-使用通用脚本构建PROJ和GEOS
  • Web端最强中继器表格元件库来了!55页高保真交互案例,Axure 9/10/11通用
  • Java学习笔记-零基础学MySQL(四)
  • 三阶Bezier曲线,已知曲线上一点到曲线起点的距离为L,计算这个点的参数u的方法
  • 【C++】C++入门—(中)
  • MySQL 开发避坑:DROP TABLE 前你必须知道的几件事
  • 【题解】洛谷P1776 宝物筛选 [单调队列优化多重背包]
  • 2.插值法
  • 【C++】深入浅出:string类模拟实现全解析
  • maven scope=provided || optional=true会打包到jar文件中吗?
  • 资产管理还靠Excel?深度体验系统如何让企业高效数字化升级!
  • 机器学习从入门到精通 - 机器学习调参终极手册:网格搜索、贝叶斯优化实战
  • CVE-2025-6507(CVSS 9.8):H2O-3严重漏洞威胁机器学习安全
  • net9 aspose.cell 自定义公式AbstractCalculationEngine,带超链接excel转html后背景色丢失
  • 原创未发表!POD-PINN本征正交分解结合物理信息神经网络多变量回归预测模型,Matlab实现
  • LightDock:高效蛋白质-DNA对接框架
  • 小白成长之路-develops -jenkins部署lnmp平台
  • GPT在嵌入式代码设计与硬件PCB设计中的具体应用
  • Git或TortoiseGit的小BUG(可解决):空库报错Could not get hash of ““
  • Android Handler 消息循环机制
  • Python基础(⑨Celery 分布式任务队列)
  • 【计算机科学与应用】基于FME的自动化数据库建设方法及应用实践
  • 产线自动化效率上不去?打破设备和平台的“数据孤岛”是关键!
  • R-4B: 通过双模退火与强化学习激励多模态大语言模型的通用自主思考能力
  • 简单工厂模式(Simple Factory Pattern)​​ 详解
  • Java中最常用的设计模式
  • 【设计模式】 装饰模式
  • 游戏世代网页官网入口 - 游戏历史记录和统计工具
  • 老设备也能享受高清,声网SDR转HDR功能助力游戏直播
  • Android使用内存压力测试工具 StressAppTest