vue 使用i18n和i18n Ally自动化翻译

以下为vue2.x使用i18n和i18n Ally自动化翻译的步骤, vue3.x配置步骤>>

vue 版本 > 2.6.12
vue-i18n 版本 > 8.25.0

1.安装 i18n

npm install vue-i18n --save-dev

2.在vscode中安装i18n Ally插件

3.配置vscode `setting.json`

{"i18n-ally.localesPaths": ["src/locales"], // 翻译文件路径"i18n-ally.keystyle": "nested", // 翻译路径格式,"i18n-ally.sourceLanguage": "zh-CN", // 翻译源语言"i18n-ally.displayLanguage": "zh-HK", //显示语言， 这里也可以设置显示英文为en
}

4.配置i18n.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import enLocale from './locales/en'
import usLocal from './locales/zh-CN'
Vue.use(VueI18n)
const messages = {en: {...enLocale},cn: {...usLocal}
}
const i18n = new VueI18n({locale: localStorage.getItem('lang') || 'cn',messages
})export default i18n

5.配置main.js

import i18n from './i18n'
new Vue({el: '#app',router,i18n,render: h => h(App)
})

6.在i18n ally 侧边工具栏栏进行自动翻译和应用翻译

7.使用

项目目录结构

src
├── locales
|   ├── en.json
|   ├── zh-CN.json
|   └── zh-HK.json
├──  i18n.js
└──  main.js

参考文档：

https://github.com/lokalise/i18n-ally
https://toscode.gitee.com/antfu/i18n-ally
https://ilandychiu.medium.com/vue-i18n-%E8%88%87-i18n-ally-1a047b2429eb

vue 使用i18n和i18n Ally自动化翻译相关推荐

vue3.x使用i18n和i18n Ally自动化翻译
以下为vue3.x 使用i18n和i18n Ally自动化翻译的步骤, vue2.x配置i18n步骤>> vue 版本> 3.0.0 vue/cli 版本 4.5.13 vue-i1 ...
html data i18n属性,i18n
src同级别新建lang文件夹里面包含cn.ts,en.ts,index.ts 1:cn.ts /* eslint-disable */ const zhLocale = require(" ...
前端国际化如何对中文——＞英文自动化翻译小demo
非专业的国际化语言. 需求是把zh.js文件中的对象的值转换为en.js(也就是实现中英文翻译) 结果: 话不多说,上技巧! 首先找个免费翻译的API接口,我找的百度翻译的API接口.百度翻译开放平台 ...
vue中如何使用i18n实现国际化
一.前言在4k广告机中需要实现多语言切换,这时候接触到国际化,前端框架无数,其中几种热门的框架都有相匹配的国际化插件工具.比如: vue + vue-i18n angular + angular-t ...
SAP Spartacus i18n 的文本，和翻译相关的话题：internationalization
存储在这个config对象里: 英文版的资源源代码如下: {"fallbackLang":"en","debug":false," ...
android i18n,Android i18n 国际化
本文节选自<Netkiller Java 手札> Netkiller Java 手札 Mr. Neo Chan, 陈景峯(BG7NYT) 中国广东省深圳市望海路半岛城邦三期 518067 ...
vue国际化，处理项目中英文对照翻译
1.在项目文件src下新建internationalization(自定义)文件夹 2.安装国际化依赖包 npm i vue-i18n -S 3.在internationalization(自定义)文 ...
Java 破解谷歌翻译api，可以实现程序自动化翻译文章
1 原理:查看谷歌翻译网站,输入需要翻译的文字,选择语言得到翻译后的文字,发送异步请求参数返回结果.java使用httpclient发送请求,实现使用代码翻译文章的功能. 2 下载代码后,测试入口 ...
使用ChatGTP完成自动化翻译外刊到上线发布
目前对于国外文献期刊,只有专业的人工翻译或者借助机器翻译加后期人工润色,这种工作在目前看来是很有技术水平的,但是随着chatGTP的应用领域拓展,我想到一个Idea,可以使用chatGTP代替这个重复 ...

vue 使用i18n和i18n Ally自动化翻译

1.安装 i18n

2.在vscode中安装i18n Ally插件

3.配置vscode `setting.json`

4.配置i18n.js

5.配置main.js

6.在i18n ally 侧边工具栏栏进行自动翻译和应用翻译

vue 使用i18n和i18n Ally自动化翻译相关推荐

最新文章

热门文章

vue 使用i18n和i18n Ally自动化翻译

1.安装 i18n

2.在vscode中安装i18n Ally插件

3.配置vscode setting.json

4.配置i18n.js

5.配置main.js

6.在i18n ally 侧边工具栏栏进行自动翻译和应用翻译

vue 使用i18n和i18n Ally自动化翻译相关推荐

最新文章

热门文章

3.配置vscode `setting.json`