lang-auto-js
v1.0.5
Published
``` 这是一款自动翻译。国际化vite插件工具,让开发者专注于项目开发,不必浪费时间到文本翻译上。该插件一键配置即可使用 ```
Maintainers
Readme
lang-auto-js
这是一款自动翻译。国际化vite插件工具,让开发者专注于项目开发,不必浪费时间到文本翻译上。该插件一键配置即可使用使用步骤
- vite.config.js
import { defineConfig } from 'vite';
import {AutoPlugins} from 'lang-auto-js/dist/plugins'
export default defineConfig({
plugins: [
AutoPlugins({
languages: ["zh", "en","ja","ko","ru"],
language:'zh',
appId:"xxxxx",
key:"xxxx"
})
],
});
插件参数说明
| 参数名 | 类型 | 是否必填 | 默认值 | 描述 | | ------ | ------ | ------ | ------ | ------ | | languages | Array | 否 | [‘zh’,’en’] | 支持语言 | language | string | 否 | ‘zh’ | 当前语言 | path | string | 否 | './src' | 翻译模块位置 | appId | string | 是 | xxx | 开放平台id | key | string | 是 | xxx | 开放平台key
- main.js
import { createApp } from 'vue'
import Languages from './languages';//位置取决于 vite.config.js modulesPath
import App from './App.vue'
let app=createApp(App).use(Languages)
app.mount('#app')
- 页面使用
<div>{{$t('你好')}}</div> 全局方法属性说明
| 属性名 | 类型 | 示例 | 描述 | | ------ | ------ | ------ | ------ | | language | string | this.language | 当前语言 | | $t | Function | this.$t('文字') | 返回翻译处理后文本 | | Setlanguage | Function | this.Function('en') | 设置当前语言 |
