通过 100 多个技巧学习 Nuxt!

i18n
@nuxtjs/i18n

为您的 Nuxt 项目提供 i18n 功能,以便您可以轻松添加国际化支持。

Nuxt i18n

Volta board

Nuxt I18n

Nuxt 应用的国际化 (i18n)。

📖 阅读文档

功能

  • vue-i18n 集成
  • 路由本地化(静态和动态)
  • 延迟加载翻译
  • SEO 标签本地化
  • 层支持

🚀 用法

安装

  1. @nuxtjs/i18n 模块安装到您的项目中
npx nuxi@latest module add i18n
  1. 使用 nuxt.config.ts 中的 i18n 键配置模块
{
  modules: [
    '@nuxtjs/i18n',
  ],
  i18n: {
    locales: [
      { code: 'en', language: 'en-US' },
      { code: 'fr', language: 'fr-FR' }
    ],
    defaultLocale: 'en',
  }
}

Edge 发布通道

Nuxt I18n 每天都会进行提交、改进和错误修复,您可以选择在发布之前使用 edge 发布通道进行测试。

选择加入

更新 package.json 中的 @nuxtjs/i18n 依赖项

{
  "devDependencies": {
--    "@nuxtjs/i18n": "^8.0.0"
++    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
  }
}

删除 lockfile(package-lock.jsonyarn.lockpnpm-lock.yaml)并重新安装依赖项。

选择退出

更新 package.json 中的 @nuxtjs/i18n 依赖项

{
  "devDependencies": {
--    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
++    "@nuxtjs/i18n": "^8.0.0"
  }
}

删除 lockfile(package-lock.jsonyarn.lockpnpm-lock.yaml)并重新安装依赖项。

Nuxt 2

由于 Nuxt 2 已达到其生命周期结束 (EOL) 日期,我们不再积极维护此版本的支持,支持 Nuxt 2 的最后一个版本是 v7

此版本的代码库可以在 v7 分支上找到,其文档 在此

©️ 许可证

MIT 许可证 - 版权所有 (c) Nuxt Community