1、首先在自己的项目中安装 vue-i18n依赖包。这里使用NPM进行安装,如果没有科学上网请使用CNPM进行安装。 npm install vue-i18n --save-dev 2、将i18n引入vue实例中,在项目中实现调用API和模板语法。现在在main.js中引入 vue-i18n。 import VueI18n from 'vue-i18n' //引入vue-i18n Vue.use(VueI18n); //通...
在Vue.js文件中使用i18n进行国际化,可以按照以下步骤进行: 安装并引入vue-i18n库: 首先,你需要安装vue-i18n库。你可以使用npm或yarn进行安装。 bash npm install vue-i18n@next # Vue 3.x # 或者 npm install vue-i18n@8 # Vue 2.x 安装完成后,在你的Vue项目中引入vue-i18n。 在Vue实例中配置i18n: 在...
Internationalization plugin for Vue.js. Latest version: 11.1.3, last published: 20 days ago. Start using vue-i18n in your project by running `npm i vue-i18n`. There are 4212 other projects in the npm registry using vue-i18n.
npm i vue-i18n -S 2、配置vue-i18n 在src目录下创建i18n目录用于保存和语言切换相关的内容 在i18n目录下创建lang目录用于保存不同语言的映射关系,如中文对应zh.js、英文对应en.js等 在i18n目录下创建index.js作为默认导出,并在其中创建i18n对象 //index.jsimport { createI18n } from 'vue-i18n'import A_zh...
npm install vue-i18n --save 2. 项目增加国际化翻译文件 在项目的src下添加lang文件夹增加中文翻译文件(zh.js)以及英文翻译文件(en.js),里面分别存储项目中需要翻译的信息。 index.js importVuefrom "vue"; import VueI18n from "vue-i18n"; import Cookies from "js-cookie"; ...
npm install vue-i18n 配置文件 如下图创建i18n文件夹,在i18n文件夹里分别创建i18n.js、langs文件夹,在langs文件夹下面创建你的语言文件(cn.js/en.js/ja.js)和index.js文件。 语言包分别为中文/英文/日语,大家在项目中选择创建自己需要的语言包即可。
2、我们需要安装 vue-i18n, 推荐 npm 包依赖: npm install vue-i18n 3、注入 vue 实例中,项目中实现调用 api 和 模板语法 这边我是顺着使用 npm 安装依赖进行。先在 main.js 中引入 vue-i18n。 import VueI18nfrom'vue-i18n'Vue.use(VueI18n)//通过插件的形式挂载consti18n =newVueI18n({ ...
1、安装插件 vue-i18n 可以使用 npm 或 yarn 进行安装: npm i vue-i18n 或者 yarn add vue-i18n 2、创建语言包对象 在项目中创建语言包文件夹locale/lang,中存放需要的语言包js文件,例如创建zh.js和en.js两个语言,键名是自定义的,中英文是的一样的,需要几种语言就定义几个对象,后面会在组件中使用。包如...
import { createApp } from 'vue' import App from './App.vue' import i18n from "vue-petite-i18n" const app = createApp(App) const en = { test: "test", lang: "en" } const zh = { test: "测试", lang: "zh" } const ja = { test: "八嘎", lang: "ja" } app.use(i18n, {...
npm install --save vue-i18n 基本使用 我们新建一个lang文件夹,内部存放国际化的字段名称 然后在index.js中引入i18n并使用 1import Vue from 'vue'2import VueI18n from 'vue-i18n'3Vue.use(VueI18n)4const i18n =newVueI18n({5//设置当前语言6locale: 'zh',7messages: {8'en':{9name:'name'10},11...