vue3 使用 i18n-auto-extractor库 实现国际化
一、安装:npm i i18n-auto-extractor
二、更新国际化:npx i18n-auto-extractor;需要手动更新,会在文件中生成以下文件,也可以手动对文件翻译进行更改

三、使用:
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",
本文来自博客园,作者:小周同学~,转载请注明原文链接:https://www.cnblogs.com/xiaozhou-wuyu/p/19086809

浙公网安备 33010602011771号