1. 安装 vue-i18n 插件 首先,你需要安装 vue-i18n 插件。你可以使用 npm 或 yarn 进行安装: bash npm install vue-i18n --save # 或者 yarn add vue-i18n 2. 在 Vue2 项目中引入 vue-i18n 在你的 Vue 项目入口文件(通常是 main.js)中引入 vue-i18n 并进行配置。
第一步:vue项目下新建locals文件夹,里面配置index.js内容如下,同时新建zh.js 和 en.js作为语言配置文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 importVue from'vue' importVueI18n from'vue-i18n' importElementLocal from'element-ui/lib/locale' importenLocale from'elem...
npm install vue-i18n@8.27.1 --save 使用 1. 在src/components目录中新增一个名为i18n的目录,并添加以下3个文件: src/components/i18n/locales/en/index.js英语语言包: exportdefault{'Language':'English'} src/components/i18n/locales/zh-CN/index.js中文语言包: exportdefault{'Language':'中文'} src/co...
// 引入 vue-i18n import VueI18n from 'vue-i18n' // 注册 vue-i18n Vue.use(VueI18n) // 利用 webpack 的 require.context 方法遍历读取 i18n 目录下的所有 .json 语言文件 // 这样做省去了逐一引入语言文件的工作量,只需要将创建的语言文件 xx.json 直接放入 i18n这个目录中就行 function loadLocaleMe...
vue2 中使用 的版本是 "vue-i18n": "^8.27.0", 至于哪些版本可以在vue3和vue2中使用,没有深究,有兴趣的可以自己探索 1.就是下载 npm i vue-i18n@8.27.0 -D 2.就是和上面一样建文件,不在赘述 3.在i18n.js文件使用 //i18n-setup.jsimport Vue from 'vue'import VueI18n from'vue-i18n'import en...
export default i18n; 这个文件n多,堆叠起来体积也不少 改动后 import { createI18n } from 'vue-i18n'; import dayjs from 'dayjs'; import 'dayjs/locale/zh-cn'; import cookies from '@/utils/cookies'; // import chineseJson from '../lang/zh-cn.json'; ...
vue-i18n-init 依赖安装 npm install 启动 npm run dev 构建 npm run build 国际化 安装 vue2 用不了最新版 会运行报错 所以这里指定下版本 npm install vue-i18n@8.2.1 配置 新建i18n模块和对应的语言文件 importVuefrom"vue";importVueI18nfrom"vue-i18n";importzhfrom"element-ui/lib/locale/lang/zh-CN...
vue3使用vue-i18n 9.x ,相关方法在i18n.global.xxx 但是这个加载包还是有些打,需要进一步拆分 按模块或路由加载语言包 这个优化有很多措施 拆分模块 之前的语言包全部是在一个json文件里面。第一个,json无法tree-shake 树摇 掉不用代码。 如果是ts,首先第一个按页面、功能 分成一个个 对象。虽然不用tree-shak...
npm install vue-i18n@8 1. 在package.json中检查 在main.js中引入 import VueI18n from 'vue-i18n'; Vue.use(VueI18n); const i18n = new VueI18n({ locale: localStorage.getItem('lang') || 'zh', // 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换 ...
1、下载vue-i18n: 注:后续element-ui相关的国际化语言,可用可不用。2、新建三个语言相关文件: 2.1、index.js: 2.2、en.js: 2.3、z...