如何使用vscode插件i18n ally进行国际化配置

1. vscode 安装插件 i18n ally

2. 使用快捷键 ctrl+shift+p (Mac command+shift+p )
   选择【首选项 打开工作区设置】, 没有弹出该选项可以在输入框内搜索 settings.json

3. cv以下配置到 settings.json 中 （如原来文件中有内容 向下添加不要替换） 

{

    "i18n-ally.localesPaths": [

        "src/i18n"

    ],

  "i18n-ally.keystyle": "nested",

  "i18n-ally.namespace": true,

  "i18n-ally.enabledParsers": [

    "json",

    "js",

  ],

  "i18n-ally.sortKeys": true,

  "i18n-ally.sourceLanguage": "zh-tw",

  "i18n-ally.displayLanguage": "zh-cn",

  "i18n-ally.extract.keygenStyle": "camelCase",

}

以下以订单合同模板为例：

4. 建立存储翻译文案的文件 json文件

在src/i18n/zh-cn/pages/Order 路径下新建文件  shanghaiContract.json

5. 打开需要进行翻译的文件  src/views/order/order-details/components/TotalOrderPrice/ShanghaiContractDialog.vue
   

点击图中框选的拓展功能

6. 在功能区如图位置右键选择一个选项
   这一步操作可能需要等待一会儿才会有反应,请等待出现弹窗后再进行下一步

7. 在这里找到步骤4中新建的json文件，选择要存储文案的文件
   这一步每有一条文案就要选一次存储文件 所以做好在步骤2json的i18n-ally.localesPaths项配置具体路径比较方便，如本例中可配置值src/i18n/zh-cn/pages/Order

8. 以上步骤完成后json文件会自动写入文案变量 请对照自行修正

源文件ShanghaiContractDialog.vue应当中字符串应当自动替换为变量 请对照自行修正

11. 点击进入文档