美文网首页
i18n国际化:实现同网页多语言

i18n国际化:实现同网页多语言

作者: 楠楠_c811 | 来源:发表于2019-03-25 18:36 被阅读0次

如果你有一个项目,需要做出中文和英文两个甚至更多语言支持,或者需要在简体中文和繁体中文之间切换,那么你一定不想让浏览器的默认翻译软件把你的文字翻译的面目全非,如果是这样,你可能就会需要用到国际化了。

vue框架有一个非常方便快捷的插件可以来解决这个问题。能够很方便的做到多语言支持。叫做i18n。
我们从安装开始说:

$ npm install vue-i18n --save

安装这个组件之后,就可以将语言包放在项目里,可以规划一下项目结构,增加一个lang文件夹,将语言包放在里面统一管理。
新建一个index.js,加载中英双语,然后新建en.js,zh.js,用来管理你的语言文件。

有一个容易踩的坑,就是你中英文中的配置必须是相对应的,就是中文有十条内容英文最好也是十条,如果不对应,容易出现切换不成功的问题。最主要的是,这个问题属于不报错,不执行,是最无奈的一款。

相关文章

  • i18n国际化

    vue中如何使用i18n实现国际化 一、前言 项目中需要实现多语言切换,这时候接触到国际化,前端框架无数,其中几种...

  • iOS 开发之 国际化/本地化 配置

    一、本地化与国际化 1.1、多语言支持的 国际化 和 本地化 有什么区别?答:i18n:国际化(在其他语言叫国际化...

  • i18n国际化:实现同网页多语言

    如果你有一个项目,需要做出中文和英文两个甚至更多语言支持,或者需要在简体中文和繁体中文之间切换,那么你一定不想让浏...

  • 你知道iOS支持多语言开发吗

    多语言支持 也称: i18n(国际化) 和 localization(本地化) 字符串文字的本地化主要步骤 新...

  • vue搭配i18n国际化语言插件开发多语言网站

    vue搭配i18n国际化语言插件开发多语言网站 安装过程直接略过,安装步骤链接: vue命令行工具 (CLI)vu...

  • 国际化方案

    标签:多语言 i18n iplas 背景 应泰方要求,运营系统、网上商城以及移动端服务平台等项目都要做国际化,支持...

  • angular 国际化 (i18n)

    Internationalization (i18n) 国际化 (i18n) If you are working...

  • Vue I18n实际应用

    最近在实际项目中使用过vue i18n插件实现国际化功能,但是发现网上对于异步加载实现国际化功能的案例不多,总结一...

  • 国际化:i18n实现多语言

    如果项目需要多语言的支持,我们需要做国际化 使用 vue-i18n 来实现多语言的界面 安装 关于语言包,我们有几...

  • 079-Spring Boot 国际化支持

    很多项目中都需要国际化的支持,这里来使用springboot实现国际化,关于国际化i18n的各个国家语言的编码,大...

网友评论

      本文标题:i18n国际化:实现同网页多语言

      本文链接:https://www.haomeiwen.com/subject/acfiuqtx.html