用途
i18n Frontend Implementer 用于在前端项目中实现国际化（internationalization，简称 i18n）。它面向需要为应用添加多语言支持的开发场景，通过 next-intl、react-i18next 或类似库来搭建国际化基础设施。
主要能力
根据资料，该技能覆盖以下核心能力：
- 翻译管道搭建：建立翻译的接入与传递机制。
- 可扩展的翻译键策略：采用层级化的命名空间（namespace）结构组织翻译键，便于扩展与维护。
- 格式化器：支持日期、数字、货币的格式化。
- 复数规则：处理不同语言的复数形式。
- 语言切换器：提供下拉菜单或旗帜图标形式的 UI。
- RTL 语言支持：支持从右到左书写的语言。
- 翻译懒加载：按需加载翻译资源。
使用方式
资料给出的核心设置步骤如下：
- 安装依赖：
npm install next-intl或react-i18next。 - 创建字典文件：例如
locales/en.json、locales/es.json。 - Provider 设置：用
IntlProvider包裹应用。 - 翻译键：采用层级化命名空间结构。
- 格式化器：配置日期、数字、货币格式化。
- 语言切换器：实现下拉菜单或旗帜 UI。
翻译结构示例：
{
"common": { "nav": { "home": "Home", "about": "About" } },
"auth": { "login": "Sign In", "logout": "Sign Out" },
"errors": { "required": "{field} is required" }
}
使用示例：
const t = useTranslations('common');
<h1>{t('nav.home')}</h1>
// With plurals
t('items', { count: 5 }) // "5 items"
// With formatting
<p>{formatDate(date, { dateStyle: 'long' })}</p>
最佳实践
资料列出的最佳实践包括：使用命名空间进行组织、将所有文本抽取到翻译中、正确处理复数、按语言环境格式化日期与数字、提供语言切换器、支持 RTL 语言、懒加载翻译。
适用场景
适用于需要为前端应用添加多语言支持的项目，尤其是使用 next-intl 或 react-i18next 技术栈、需要统一管理翻译键、格式化规则与语言切换体验的场景。
限制
资料未提供关于收费、价格、平台兼容范围、具体效果或性能指标的信息，这些内容暂未提供。