test-xyj-xu v1.0.7

vue-i18n-cli

Vue I18n开发辅助CLI工具，支持语法转换、翻译、导入和导出功能

Feature

1. 支持模板字符串、vue模板中单行文案整体转换，保证翻译质量

   例：字符串模板翻译

   `最多填入${n}个字符` => $t('key', [n])

   例：vue模板翻译

   <span>最多填入{{ n }}个字符</span>   => <span>{{ $t('key', [n]) }}</span> 

2. 特殊文案只提示不转换，避免引入错误

   • 包括转译字符的文案
   • 包括标签的文案

Quick-start

Installation

npm install yidun-vue-i18n-cli

Init Project

1. 引入配置文件 vue-i18n-cli.config.js

module.exports = {
  // 需要检测的文件根目录
  project: "src",

  // i18n文件夹相对于project的相对路径
  target: "/i18n", 

  // $t 函数的import语句
   import$t: 'import { $t } from \'@/i18n\'',

  // 不需要过检的文件、或文件夹
  ignores: [],

  // 是否在转换阶段直接执行翻译
  translate: false,

  // 支持翻译的语言，填写参照：https://github.com/hua1995116/google-translate-open-api/blob/master/src/language.ts
  languages: ['en']
}

2. 构建i18n目录

• 无需操作：目录结构满足如下

  注：语言对应json文件命名严格按照 languages枚举

  ├── i18n/
  |   ├── zh-cn.json
  |   ├── en.json

• 执行指令创建：未开始使用vue-i18n的项目

i18n-cli -i

• 执行指令改造：指令同上，但需先将目录结构手动调整为如下情况，改造完后注意对依赖代码进行调整

  注：语言对应文件夹命名严格按照 languages枚举

  ├── i18n/
  |   ├── zh-cn/
  |   |   ├── common.json
  |   |   ├── server.json
  |   ├── en/
  |   |   ├── common.json
  |   |   ├── server.json

Instruction

i18n-cli -i

构建i18n目录

i18n-cli -d file

检测代码里存在的中文，支持全量检测和指定文件检测

例：i18n-cli -d /App.vue

i18n-cli -f file

将代码里的中文转换成vue-i18n语法，支持全量转换和指定文件转换

例：i18n-cli -f /App.vue

注：若vue-i18n-cli.config中translate为true，转换后自动进行文案翻译

i18n-cli -t

对ii8n目录的文案进行翻译