1.0.5 • Published 9 months ago
lang-auto-js v1.0.5
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') | 设置当前语言 |