一直以來,在Vue.js中使用Vue I18n來實現國際化多語言設置,以往都是手動去找到文件寫翻譯,比較繁瑣複雜。vue
如今從同事那裏知道了一個很好用的vs code插件i18n-ally,能夠構建和自動化翻譯,分享給你們,也算是本身作個記錄。git
並且,i18n-ally是官方推薦的第三方工具,真的是好用,誰用誰知道。github
首先在vs code中安裝插件i18n-ally。
json
其次,這是配置,以下:
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-hans", "i18n-ally.displayLanguage": "en-us",
而後,將以前的js文件改成json格式,就能夠使用了,github上文檔給出了不少演示,這裏再也不重複。spa