diff --git a/locales.babel b/locales.babel
new file mode 100644
index 00000000..33b3e21d
--- /dev/null
+++ b/locales.babel
@@ -0,0 +1,51 @@
+<babeledit_project version="1.2">
+    <!--
+
+    BabelEdit project file
+    https://www.codeandweb.com/babeledit
+
+    This file contains meta data for all translations, but not the translation texts itself.
+    They are stored in framework-specific message files (.json / .vue / .yaml / .properties)
+
+    -->
+    <preset_collections/>
+    <framework>vue-json</framework>
+    <filename>locales.babel</filename>
+    <folder_node>
+        <name></name>
+        <children/>
+    </folder_node>
+    <isTemplateProject>false</isTemplateProject>
+    <languages>
+        <language>
+            <code>en-US</code>
+            <source_id></source_id>
+            <source_file>src/locales/en.json</source_file>
+        </language>
+        <language>
+            <code>zh-CN</code>
+            <source_id></source_id>
+            <source_file>src/locales/zh.json</source_file>
+        </language>
+    </languages>
+    <translation_files>
+        <translation_file>
+            <file>src/locales/en.json</file>
+        </translation_file>
+        <translation_file>
+            <file>src/locales/zh.json</file>
+        </translation_file>
+    </translation_files>
+    <editor_configuration>
+        <copy_templates>
+            <copy_template>$t('%1')</copy_template>
+            <copy_template></copy_template>
+            <copy_template></copy_template>
+        </copy_templates>
+    </editor_configuration>
+    <primary_language>zh-CN</primary_language>
+    <configuration>
+        <indent>tab</indent>
+        <format>namespaced-json</format>
+    </configuration>
+</babeledit_project>
diff --git a/src/components/HelloI18n.vue b/src/components/HelloI18n.vue
deleted file mode 100644
index 57ad6918..00000000
--- a/src/components/HelloI18n.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <p>{{ $t('hello') }}</p>
-</template>
-
-<script>
-export default {
-  name: 'HelloI18n'
-}
-</script>
-
-<i18n>
-{
-  "en": {
-    "hello": "Hello i18n in SFC!"
-  }
-}
-</i18n>
diff --git a/src/locales/en.json b/src/locales/en.json
index d9669836..0967ef42 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,3 +1 @@
-{
-  "message": "hello i18n !!"
-}
\ No newline at end of file
+{}
diff --git a/src/locales/zh.json b/src/locales/zh.json
index d9669836..0967ef42 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -1,3 +1 @@
-{
-  "message": "hello i18n !!"
-}
\ No newline at end of file
+{}
diff --git a/src/main.js b/src/main.js
index 59d06983..7dfc3857 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,6 @@
 // Vue
 import Vue from 'vue'
+import i18n from './i18n'
 import App from './App'
 // 核心插件
 import d2Admin from '@/plugin/d2admin'
@@ -31,7 +32,6 @@ import d2VueFiltersDayjs from '@d2-admin/filters-dayjs'
 import router from './router'
 import { menuHeader, menuAside } from '@/menu'
 import { frameInRoutes } from '@/router/routes'
-import i18n from './i18n'
 
 // 核心插件
 Vue.use(d2Admin)
@@ -52,8 +52,8 @@ Vue.component('VueUeditorWrap', VueUeditorWrap)
 new Vue({
   router,
   store,
+  i18n,
   render: h => h(App),
-
   created () {
     // 处理路由 得到每一级的路由设置
     this.$store.commit('d2admin/page/init', frameInRoutes)
@@ -62,7 +62,6 @@ new Vue({
     // 初始化菜单搜索功能
     this.$store.commit('d2admin/search/init', menuHeader)
   },
-
   mounted () {
     // 展示系统信息
     this.$store.commit('d2admin/releases/versionShow')
@@ -73,9 +72,6 @@ new Vue({
     // 初始化全屏监听
     this.$store.dispatch('d2admin/fullscreen/listen')
   },
-
-  i18n,
-
   watch: {
     // 检测路由变化切换侧边栏内容
     '$route.matched': {
diff --git a/vue.config.js b/vue.config.js
index c0431ad7..0d49e264 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -14,13 +14,10 @@ let publicPath = '/'
 module.exports = {
   // 根据你的实际情况更改这里
   publicPath,
-
   lintOnSave: true,
-
   devServer: {
     publicPath // 和 publicPath 保持一致
   },
-
   css: {
     loaderOptions: {
       // 设置 scss 公用变量文件
@@ -29,7 +26,6 @@ module.exports = {
       }
     }
   },
-
   // 默认设置: https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-service/lib/config/base.js
   chainWebpack: config => {
     /**
@@ -111,7 +107,7 @@ module.exports = {
         .end()
     }
   },
-
+  // i18n
   pluginOptions: {
     i18n: {
       locale: 'en',