1.0.5 • Published 9 months ago

lang-auto-js v1.0.5

Weekly downloads
-
License
MIT
Repository
-
Last release
9 months ago

lang-auto-js

  这是一款自动翻译。国际化vite插件工具,让开发者专注于项目开发,不必浪费时间到文本翻译上。该插件一键配置即可使用

使用步骤

  1. 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"
        })
      ],
    });

插件参数说明

参数名类型是否必填默认值描述
languagesArray‘zh’,’en’支持语言
languagestring‘zh’当前语言
pathstring'./src'翻译模块位置
appIdstringxxx开放平台id
keystringxxx开放平台key
  1. 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')
  1. 页面使用
<div>{{$t('你好')}}</div> 

全局方法属性说明

属性名类型示例描述
languagestringthis.language当前语言
$tFunctionthis.$t('文字')返回翻译处理后文本
SetlanguageFunctionthis.Function('en')设置当前语言