相信很多前端开发工作人员在开发过程中,由于产品的国际化,必然会面临项目的国际化配置问题,这里笔者分享下自己使用vue框架如何进行国际化配置;
- vue项目初始化
- 安装依赖
- 国际化配置
(一)vue项目初始化
之前笔者已经介绍过如何使用vue-cli2和vue-cli4,还不熟的朋友可以先去查看如何进行项目初始化;
vue init webpack vue-i18n-pro;//vue-cli2初始化项目
vue create vue-i18n-pro;//vue-cli4初始化项目
(二)安装依赖
yarn add vue-i18n;//这里使用的是vue-i18n组件进行国际化;
yarn add elemnt-ui;//这里笔者使用的element-ui,若使用是别的组件可查看相关官方文档学习如何配置国际化
(三)国际化配置
1.src文件夹下创建i18n文件夹,内容如下:
各文件内容如何如下