skyline/docs/en/develop/3-14-I18n-introduction.md
zhuyue 5b4d3c6fa1 docs: Add en docs
Add en docs

Change-Id: I7c83339b1000f09a2b1812a5150c4a173180b488
2021-07-05 10:15:34 +08:00

1.3 KiB

English | 简体中文

Usage

  • Framework supports internationalization, default support in English, Chinese

    i18n

    english

Code location

  • src/locales/index.js
  • English: src/locales/en.json
  • Chinese: src/locales/zh.json

How to use

  • The strings that need to be displayed internationally in the code are all in English, after using cli to complete string collection, generally, there is no need to update en.json, only need to modify the corresponding Chinese in zh.json to complete the internationalization operation

  • Use function t to translate the string

    • Take instance as an example, Corresponding international writing is t('instance')
    • Note that English is case relevant
    • Function T supports strings with parameters
      • Params use {} to mark, for example :

        confirmContext = () =>
          t('Are you sure to { action }?', {
            action: this.actionName || this.title,
          });
        
  • Collect

    yarn run i18n
    
    • After colleced, en.json and zh.json will automatically update.
  • Update Chinese

    • After colleced, just update directly in zh.json.