通过i18n插件实现国际化

通过i18n插件实现国际化

首先，我开发是以 vue 为技术栈，所以如题用的国际化插件是 vue-i18n

• 我们得先有开发环境，先有项目跑起来，我推荐如果是喜欢用 vue 的小伙伴，可以尝试 vue-cli　官方脚手架。这边有我整理的一个脚手架 demo ，有助于你快速的进行 vue 模块化开发。

• 我们需要安装i18n依赖包

  我使用的是npm安装

  npm install vue-i18n
  

  当然还有别的安装方法

  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>
  

  安装完成后，就可以进行使用了

注入vue实例中

• 先导入vue-i18n

  import VueI18n fromo 'vue-i18n'
  

• 安装i18n插件

  Vue.use('VueI18n')
  

• 创建i18n的实例

  在创建实例之前，需要先创建两个.js文件。这是让存放中文，英文语言的地方

  zh.js语言包

  export const m = {
       
      lang: 'English',//语言
      music: 'Music', //网易云音乐
      findMusic: