vue3 使用 i18n-auto-extractor库 实现国际化

一、安装:npm i i18n-auto-extractor

二、更新国际化:npx i18n-auto-extractor;需要手动更新,会在文件中生成以下文件,也可以手动对文件翻译进行更改

f55b63f2cf934eccbce69dfdac6718c4

三、使用:

import { $at } from "i18n-auto-extractor";
$at(nav.meta?.title || "");

四、切换:

import { useVueAt } from "i18n-auto-extractor/vue";
import enJSON from "@/locales/en.json";
import zhCnJSON from "@/locales/zh-CN.json";

const { setCurrentLang } = useVueAt();
if (this.language === "zhCn") {
  setCurrentLang("zhCn", enJSON);
} else {
  setCurrentLang("en", zhCnJSON);
}

五、扩展:可以运行的时候顺带国际化

 // 在package.json中
 "dev": "npx i18n-auto-extractor && vite",
posted @ 2025-09-11 21:06  小周同学~  阅读(18)  评论(0)    收藏  举报