推荐13个接私活必备的国际化i18n开源库

　　大家好，我是Echa。
　　由于小编前一段时间，分别发布了国内外2篇接私活平台大全：2023年程序员接私活平台大全和程序员接私活国外平台大全，再加上去年陆续也发布了涉及各行各业适合接私活的合集开源项目（访问该链接查看）：https：m。toutiao。comiskkqkSjW相关文章。春节这个假期有部分粉丝私信小编组队接私活的，有咨询技术问题的，有继续问有没有优质的开源项目的，甚至还有粉丝说在小编推荐接私活平台大全里面接了大项目需要国际化，同时需要兼容多门语言，问小编有没有国际化i18n开源库推荐，借此机会，小编在加油的寻找相关的国际化开源库，世上无难事，只怕有心人，收集了一套非常全面的国际化i18n开源库，甚至有一套完整解决国际化i18n方案。
　　前后端技术日新月异，技术栈繁多。以前端框架来说有React，Vue，Angular等等，再配以webpack，gulp，Browserify，fis等等构建工具去满足日常的开发工作。同时在日常的工作当中，不同的项目使用的技术栈也会不一样。当需要对部分项目进行国际化改造时，由于技术栈的差异，这时你需要去寻找和当前项目使用的技术栈相匹配的国际化的插件工具。比如：vuevuei18nangularangulartranslatereactreactintljqueryjquery。i18n。property
　　等等，同时可能有些页面没有使用框架，或者完全是没有进行工程化的静态前端页面。
　　为了减少由于不同技术栈所带来的学习相关国际化插件的成本及开发过程中可能遇到的国际化坑，在尝试着分析前端国际化所面临的主要问题及相关的解决方案后，我觉得是可以使用更加通用的技术方案去完成国际化的工作。
　　今天小编给大家一起分享13个接私活必备的国际化i18n开源库，希望对大家有多帮助，同时祝大家接私活接的越多，挣的盆满钵满。
　　创作不易，喜欢的老铁们加个关注，点个赞，打个赏，后面会不定期更新干货和技术相关的资讯，速速收藏，谢谢！你们的一个小小举动就是对小编的认可，更是创作的动力。全文大纲i18nextreactintlvuei18nnexttranslateFBTLinguijsangulartranslatejquery。i18n。propertyngxtranslateeggi18nvoerkai18nkiwiMineAdmini18ni18next
　　官网地址：https：www。i18next。com
　　Github：https：github。comi18nexti18next
　　i18next是一个用JavaScript编写的国际化框架。它不仅仅提供标准的i18n功能，例如（复数、上下文、插值、格式）。它提供了一个完整的解决方案，可以将产品从Web本地化到移动和桌面。
　　i18next社区为React、Angular、Vue。js、Next。js等框架创建了集成。还可以将i18next与Node。js、Deno、PHP、iOS、Android等平台一起使用。i18next：https：github。comi18nexti18nextReact：https：github。comi18nextreacti18nextVue：https：github。comi18nexti18nextvueNext。js：：https：github。comi18nextnexti18nextJquery：https：github。comi18nextjqueryi18nextAngular：https：github。comRomanchukangulari18next
　　如下图：
　　i18next
　　reacti18next
　　i18nextvue
　　angulari18next
　　denoi18nextreactintl
　　官方地址：https：formatjs。io
　　Github：https：github。comformatjsformatjs
　　reactintl库是FormatJS国际化库的一部分。它支持全球150多种语言。使用reactintl可以轻松处理标准区域设置，例如日期和时间、货币和数字。此外，它还拥有遵循高级标准的丰富文档，尽可能使用内置的浏览器翻译。Polyfill选项可用于不支持i18n的JavaScriptAPI的浏览器。
　　Reactintl基于JavaScript的Reacti18nAPI构建，并提供改进的API和组件。当需要动态加载语言模块时，reactintl使用React上下文和提供翻译的高阶组件。
　　如下图：
　　vuei18n
　　官方地址：https：kazupon。github。iovuei18n
　　Github：https：github。comkazuponvuei18n
　　VueI18n是Vue。js的国际化插件。它可以轻松地将一些本地化功能集成到Vue。js应用中。vuei18n是Vue项目中实现国际化的首选，该库的作者kazupon是Vue团队的核心成员。
　　在vuei18n中，可以通过简单的API将国际化引入应用中；除了简单的翻译，它还支持复数、数字、日期时间等本地化；除此之外，还可以在单个文件组件上管理语言环境。
　　如下图：
　　nexttranslate
　　Github：https：github。comaralrocanexttranslate
　　nexttranslate的主要目标是在Next。js环境中保持翻译尽可能简单。它分为两部分：Next。js插件i18nAPI。nexttranslate具有以下特性：适用于自动页面优化；易于使用和配置；基本的i18n支持：插值、复数、useTranslationhook、Trans组件等；它只加载必要的翻译（针对页面和语言环境）；小巧（1kb）且可以Treeshaking，没有依赖性。
　　如下图：
　　FBT
　　官方网址：https：facebook。github。iofbt
　　Github：https：github。comfacebookfbt
　　FBT是一个JavaScript国际化框架，它不仅功能强大、灵活，而且简单直观。它有助于组织翻译源文本，编写语法正确的可翻译用户界面。
　　如下图：
　　Linguijs
　　官方网址：https：lingui。dev
　　Github：https：github。comlinguijslingui
　　Lingui是一个简单而强大的国际化框架。其具有以下特点：代码简洁和可读：保持代码简洁和可读，而库在内部使用久经考验且功能强大的ICUMessageFormat。通用：随处使用，linguicore提供了适用于任何JavaScript项目的基本国际化功能，同时linguireact提供组件以利用React渲染。完整的富文本支持：在本地化消息中使用React组件没有任何限制。编写富文本消息就像编写JSX一样简单。强大的工具：使用LinguiCLI管理整个国际化工作流程。它从源代码中提取消息，验证来自翻译器的消息，并检查所有消息在交付生产之前是否已翻译。不拘一格；将Lingui集成到现有的工作流程中。它支持消息键以及自动生成的消息。翻译存储在JSON或标准PO文件中，几乎所有翻译工具都支持这些文件。轻量级和优化：核心库gzip压缩后只有1。9kb，React组件gzip压缩后有额外的3。1kb。对于功能齐全的intl库，这比Redux要少。
　　如下图：
　　angulartranslate
　　官方网址：https：angulartranslate。github。io
　　Github：https：github。comangulartranslateangulartranslate
　　angulartranslate是一个AngularJS模块，当涉及国际化i18n时，它就可以更加轻松帮你解决国际化问题，包括延迟加载和多元化。
　　如下图：
　　jquery。i18n。property
　　Github：https：github。comjqueryi18npropertiesjqueryi18nproperties
　　jQuery。i18n。properties是一个轻量级jQuery插件，用于从。properties文件向javascript提供国际化，就像Java资源束中一样。它根据提供的语言和国家代码（ISO639和ISO3166）或浏览器报告的语言加载和解析资源包（财产）。
　　资源束是包含特定于区域设置的键值对的。properties文件。在Java和Javascript项目之间共享i18n文件时，使用properties文件进行翻译特别有用。此插件首先加载默认文件（例如，Messages。properties），然后加载特定于区域设置的文件（Messagespt。properties，然后是MessagesptBR。properties），以便在没有提供翻译时始终可以使用默认值。转换键将作为javascript变量函数（函数，如果转换值包含替换（例如｛0｝）或映射）提供给开发人员。
　　如下图：
　　ngxtranslate
　　官方网址：http：www。ngxtranslate。com
　　在线演示：https：stackblitz。comgithubngxtranslateexample
　　Github：https：github。comngxtranslatecore
　　NGXTranslate是Angular的国际化库。它允许您定义不同语言的内容翻译，并轻松切换。查看StackBlitz上的演示。
　　它允许您访问服务、指令和管道，以处理任何动态或静态内容。
　　NGX翻译也非常模块化。它的编写方式使得用自定义实现替换任何部分变得非常容易，以防现有的部分不符合您的需要。
　　如下图：
　　eggi18n
　　官方网址：https：www。eggjs。org
　　Github：https：github。comeggjseggi18n
　　eggi18n可以为你的应用提供多语言的特性
　　功能支持多种语言独立配置，统一存放在configlocale。js下（兼容configlocales。js）；提供Middleware为View提供，gettext函数获取多语言文案；基于URL参数locale修改语言显示，同时会记录到Cookie，下次请求会用Cookie里面的语言方案。
　　如下图：
　　voerkai18n
　　官方网址：https：www。eggjs。org
　　Gitee：https：gitee。comzhangfishervoerkai18n
　　voerkai18n适用于JavascriptVueReactReactNative的国际化解决方案
　　voerkai18n基于javascript的国际化方案很多，比较有名的有fbt、i18next、reacti18next、vuei18n、reactintl等等，每一种解决方案均有大量的用户。为什么还要再造一个轮子？好吧，再造轮子的理由不外乎不满足于现有方案，总想着现有方案的种种不足之处，然后就撸起袖子想造一个轮子。
　　那么到底是对现有解决方案有什么不满？最主要有三点：大部份均为要翻译的文本信息指定一个key，然后在源码文件中使用形如t（message。login）之类的方式，然后在翻译时将之转换成最终的文本信息。此方式最大的问题是，在源码中必须人为地指定每一个key，在中文语境中，想为每一句中文均配套想一句符合语义的英文key是比较麻烦的，也很不直观不符合直觉。我希望在源文件中就直接使用中文，如t（中华人民共和国万岁），然后国际化框架应该能自动处理后续的一系列麻烦。要能够比较友好地支持多库多包monorepo场景下的国际化协作，当主程序切换语言时，其他包或库也可以自动切换，并且在开发上每个包或库均可以独立地进行开发，集成到主程序时能无缝集成。这点在现有方案上没有找到比较理想的解决方案。大部份国际化框架均将中文视为二等公民，大部份情况下您应该采用英文作为第一语言，虽然这不是太大的问题，但是既然要再造一个轮子，为什么不将中文提升到一等公民呢。
　　基于此就开始打造VoerkaI18n国际化多语言解决方案，主要特性包括：全面工程化解决方案，提供初始化、提取文本、自动翻译、编译等工具链支持。符合直觉，不需要手动定义文本Key映射。强大的插值变量格式化器机制，可以扩展出强大的多语言特性。支持babel插件自动导入t翻译函数。支持nodejs、浏览器（vuereactsolid）等、ReactNative等任意JS场景采用工具链与运行时分开设计，发布时只需要集成很小的运行时。高度可扩展的复数、货币、数字等常用的多语言处理机制。翻译过程内，提取文本可以自动进行同步，并保留已翻译的内容。可以动态在线添加支持的语言支持发布后的在线打语言包补丁，修复翻译错误支持调用在线自动翻译对提取文本进行翻译。核心运行时voerkai18nruntime超过90的测试覆盖率支持TypeScript开发
　　如下图：
　　kiwi
　　Gitee：https：github。comMrrabbitankiwi
　　Kiwi国际化全流程解决方案
　　kiwi不仅仅一个软件国际化的代码库，而是国际化从设计到发布的整个流程的一整套解决方案。
　　kiwi整体基于kiwiintl国际化框架，实现与框架无关的语言切换功能。
　　在开发过程中，使用kiwilinter实现中文文案的批量自动提取，同时针对替换后的文案变量，在VSCode中显示对应的中文文案。当然你也可以全局搜索中文文案，跳转到对应的代码，很好的解决了国际化过程中由于中文文案缺失造成的开发体验问题。
　　在翻译过程中，可以使用kiwi命令行自动提取未送翻词汇，整理成Excel方便与翻译同学协作。针对翻译同学还没有返回翻译文案的期间，可以使用kiwi内置的支持google以及多种翻译平台的自动翻译脚本，先临时翻译成对应语言，节省文案调整时间。
　　国际化文案翻译完成后，可以使用kiwi的命令行工具，一键导入到项目文件内。
　　kiwi还提供了对应TSLint的插件，使用TSLint在开发过程中实时提醒未抽离文案，以及在代码提交的时候，拦截未国际化的代码提交。
　　如下图：
　　MineAdmini18n
　　官方网址：https：www。mineadmin。com
　　Gitee：https：gitee。commineadminmineadminvue
　　MineAdminVue是一个开源免费专门适配于MineAdmin后台权限管理系统的前端中后台模板，使用了vue3，vite3，pinia，arcodesign，javascript等主流开发技术，未使用Typescript，我们选择了简单。
　　特性最新技术栈：vue3，vite3，piniaUI库：arcodesign国际化：完善的多语言解决方案权限：由于适配MineAdmin系统，内置完善的权限、动静态路由解决方案主题：可扩展主题布局：支持三种布局方式组件：内置大量基于日常开发锤炼出的组件。指令：封装了常用指令，如权限控制、角色控制等CRUD表格系统：基于json方式配置，快速对接后台接口，实现增删改查FROM表单系统：基于json方式配置，快速搭建出想要的表单系统，快速完成需求。
　　如下图：