i18n 开源项目教程

i18n 开源项目教程

i18nPush your Laravel translations to the front-end and use them easily with JavaScript.项目地址:https://gitcode.com/gh_mirrors/i18n4/i18n

1. 项目的目录结构及介绍

i18n/
├── src/
│   ├── config/
│   │   └── i18n.js
│   ├── locales/
│   │   ├── en.json
│   │   └── zh.json
│   ├── index.js
│   └── utils/
│       └── translation.js
├── package.json
└── README.md

• src/: 项目源代码目录。
  • config/: 配置文件目录，包含国际化配置文件。
    • i18n.js: 国际化配置文件。
  • locales/: 语言包目录，包含不同语言的翻译文件。
    • en.json: 英文语言包。
    • zh.json: 中文语言包。
  • index.js: 项目启动文件。
  • utils/: 工具函数目录，包含翻译相关的工具函数。
    • translation.js: 翻译工具函数。
• package.json: 项目依赖和脚本配置文件。
• README.md: 项目说明文档。

2. 项目的启动文件介绍

index.js

const i18n = require('./config/i18n');
const translation = require('./utils/translation');

// 初始化国际化配置
i18n.init();

// 示例翻译调用
console.log(translation.translate('hello'));

• index.js 是项目的启动文件，负责初始化国际化配置并调用翻译函数进行示例翻译。

3. 项目的配置文件介绍

i18n.js

const i18next = require('i18next');
const en = require('../locales/en.json');
const zh = require('../locales/zh.json');

const i18n = {
  init: () => {
    i18next.init({
      lng: 'en', // 默认语言
      resources: {
        en: { translation: en },
        zh: { translation: zh }
      }
    }, (err, t) => {
      if (err) return console.error(err);
      console.log('i18n initialized');
    });
  }
};

module.exports = i18n;

• i18n.js 是国际化配置文件，负责初始化 i18next 并加载不同语言的翻译资源。
• 配置了默认语言为英文，并加载了英文和中文的翻译文件。

以上是 i18n 开源项目的教程，包含了项目的目录结构、启动文件和配置文件的介绍。希望对你有所帮助！

i18nPush your Laravel translations to the front-end and use them easily with JavaScript.项目地址:https://gitcode.com/gh_mirrors/i18n4/i18n