diff --git a/mock/index.js b/mock/index.js
index 08cdc471..6907e861 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -4,7 +4,7 @@ import { param2Obj } from '../src/utils'
 import user from './user'
 import role from './role'
 import article from './article'
-import search from './remoteSearch'
+import search from './remote-search'
 
 const mocks = [
   ...user,
diff --git a/mock/remoteSearch.js b/mock/remote-search.js
similarity index 100%
rename from mock/remoteSearch.js
rename to mock/remote-search.js
diff --git a/mock/role/routes.js b/mock/role/routes.js
index 14413d48..62a09d01 100644
--- a/mock/role/routes.js
+++ b/mock/role/routes.js
@@ -19,17 +19,17 @@ export const constantRoutes = [
   },
   {
     path: '/auth-redirect',
-    component: 'views/login/authRedirect',
+    component: 'views/login/auth-redirect',
     hidden: true
   },
   {
     path: '/404',
-    component: 'views/errorPage/404',
+    component: 'views/error-page/404',
     hidden: true
   },
   {
     path: '/401',
-    component: 'views/errorPage/401',
+    component: 'views/error-page/401',
     hidden: true
   },
   {
@@ -150,19 +150,19 @@ export const asyncRoutes = [
       },
       {
         path: 'json-editor',
-        component: 'views/components-demo/jsonEditor',
+        component: 'views/components-demo/json-editor',
         name: 'JsonEditorDemo',
         meta: { title: 'jsonEditor' }
       },
       {
-        path: 'splitpane',
-        component: 'views/components-demo/splitpane',
+        path: 'split-pane',
+        component: 'views/components-demo/split-pane',
         name: 'SplitpaneDemo',
         meta: { title: 'splitPane' }
       },
       {
         path: 'avatar-upload',
-        component: 'views/components-demo/avatarUpload',
+        component: 'views/components-demo/avatar-upload',
         name: 'AvatarUploadDemo',
         meta: { title: 'avatarUpload' }
       },
@@ -180,7 +180,7 @@ export const asyncRoutes = [
       },
       {
         path: 'count-to',
-        component: 'views/components-demo/countTo',
+        component: 'views/components-demo/count-to',
         name: 'CountToDemo',
         meta: { title: 'countTo' }
       },
@@ -192,31 +192,31 @@ export const asyncRoutes = [
       },
       {
         path: 'back-to-top',
-        component: 'views/components-demo/backToTop',
+        component: 'views/components-demo/back-to-top',
         name: 'BackToTopDemo',
         meta: { title: 'backToTop' }
       },
       {
         path: 'drag-dialog',
-        component: 'views/components-demo/dragDialog',
+        component: 'views/components-demo/drag-dialog',
         name: 'DragDialogDemo',
         meta: { title: 'dragDialog' }
       },
       {
         path: 'drag-select',
-        component: 'views/components-demo/dragSelect',
+        component: 'views/components-demo/drag-select',
         name: 'DragSelectDemo',
         meta: { title: 'dragSelect' }
       },
       {
         path: 'dnd-list',
-        component: 'views/components-demo/dndList',
+        component: 'views/components-demo/dnd-list',
         name: 'DndListDemo',
         meta: { title: 'dndList' }
       },
       {
         path: 'drag-kanban',
-        component: 'views/components-demo/dragKanban',
+        component: 'views/components-demo/drag-kanban',
         name: 'DragKanbanDemo',
         meta: { title: 'dragKanban' }
       }
@@ -370,13 +370,13 @@ export const asyncRoutes = [
     children: [
       {
         path: '401',
-        component: 'views/errorPage/401',
+        component: 'views/error-page/401',
         name: 'Page401',
         meta: { title: 'page401', noCache: true }
       },
       {
         path: '404',
-        component: 'views/errorPage/404',
+        component: 'views/error-page/404',
         name: 'Page404',
         meta: { title: 'page404', noCache: true }
       }
@@ -390,7 +390,7 @@ export const asyncRoutes = [
     children: [
       {
         path: 'log',
-        component: 'views/errorLog/index',
+        component: 'views/error-log/index',
         name: 'ErrorLog',
         meta: { title: 'errorLog', icon: 'bug' }
       }
@@ -409,25 +409,25 @@ export const asyncRoutes = [
     children: [
       {
         path: 'export-excel',
-        component: 'views/excel/exportExcel',
+        component: 'views/excel/export-excel',
         name: 'ExportExcel',
         meta: { title: 'exportExcel' }
       },
       {
         path: 'export-selected-excel',
-        component: 'views/excel/selectExcel',
+        component: 'views/excel/select-excel',
         name: 'SelectExcel',
         meta: { title: 'selectExcel' }
       },
       {
         path: 'export-merge-header',
-        component: 'views/excel/mergeHeader',
+        component: 'views/excel/merge-header',
         name: 'MergeHeader',
         meta: { title: 'mergeHeader' }
       },
       {
         path: 'upload-excel',
-        component: 'views/excel/uploadExcel',
+        component: 'views/excel/upload-excel',
         name: 'UploadExcel',
         meta: { title: 'uploadExcel' }
       }
diff --git a/src/api/remoteSearch.js b/src/api/remote-search.js
similarity index 100%
rename from src/api/remoteSearch.js
rename to src/api/remote-search.js
diff --git a/src/components/Charts/keyboard.vue b/src/components/Charts/Keyboard.vue
similarity index 100%
rename from src/components/Charts/keyboard.vue
rename to src/components/Charts/Keyboard.vue
diff --git a/src/components/Charts/lineMarker.vue b/src/components/Charts/LineMarker.vue
similarity index 100%
rename from src/components/Charts/lineMarker.vue
rename to src/components/Charts/LineMarker.vue
diff --git a/src/components/Charts/mixChart.vue b/src/components/Charts/MixChart.vue
similarity index 100%
rename from src/components/Charts/mixChart.vue
rename to src/components/Charts/MixChart.vue
diff --git a/src/components/MarkdownEditor/defaultOptions.js b/src/components/MarkdownEditor/default-options.js
similarity index 100%
rename from src/components/MarkdownEditor/defaultOptions.js
rename to src/components/MarkdownEditor/default-options.js
diff --git a/src/components/MarkdownEditor/index.vue b/src/components/MarkdownEditor/index.vue
index 9ed7a584..3d6794b5 100644
--- a/src/components/MarkdownEditor/index.vue
+++ b/src/components/MarkdownEditor/index.vue
@@ -9,7 +9,7 @@ import 'tui-editor/dist/tui-editor.css' // editor ui
 import 'tui-editor/dist/tui-editor-contents.css' // editor content
 
 import Editor from 'tui-editor'
-import defaultOptions from './defaultOptions'
+import defaultOptions from './default-options'
 
 export default {
   name: 'MarddownEditor',
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index a4962964..c815e132 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { scrollTo } from '@/utils/scrollTo'
+import { scrollTo } from '@/utils/scroll-to'
 
 export default {
   name: 'Pagination',
diff --git a/src/components/Share/dropdownMenu.vue b/src/components/Share/DropdownMenu.vue
similarity index 100%
rename from src/components/Share/dropdownMenu.vue
rename to src/components/Share/DropdownMenu.vue
diff --git a/src/components/Tinymce/components/editorImage.vue b/src/components/Tinymce/components/EditorImage.vue
similarity index 100%
rename from src/components/Tinymce/components/editorImage.vue
rename to src/components/Tinymce/components/EditorImage.vue
diff --git a/src/components/Tinymce/index.vue b/src/components/Tinymce/index.vue
index 3d6dba2b..a05c3b9c 100644
--- a/src/components/Tinymce/index.vue
+++ b/src/components/Tinymce/index.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import editorImage from './components/editorImage'
+import editorImage from './components/EditorImage'
 import plugins from './plugins'
 import toolbar from './toolbar'
 
diff --git a/src/components/Upload/singleImage.vue b/src/components/Upload/SingleImage.vue
similarity index 100%
rename from src/components/Upload/singleImage.vue
rename to src/components/Upload/SingleImage.vue
diff --git a/src/components/Upload/singleImage2.vue b/src/components/Upload/SingleImage2.vue
similarity index 100%
rename from src/components/Upload/singleImage2.vue
rename to src/components/Upload/SingleImage2.vue
diff --git a/src/components/Upload/singleImage3.vue b/src/components/Upload/SingleImage3.vue
similarity index 100%
rename from src/components/Upload/singleImage3.vue
rename to src/components/Upload/SingleImage3.vue
diff --git a/src/directive/el-dragDialog/drag.js b/src/directive/el-drag-dialog/drag.js
similarity index 100%
rename from src/directive/el-dragDialog/drag.js
rename to src/directive/el-drag-dialog/drag.js
diff --git a/src/directive/el-dragDialog/index.js b/src/directive/el-drag-dialog/index.js
similarity index 100%
rename from src/directive/el-dragDialog/index.js
rename to src/directive/el-drag-dialog/index.js
diff --git a/src/main.js b/src/main.js
index 375a6b6e..3135b8a8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -16,7 +16,7 @@ import router from './router'
 import i18n from './lang' // Internationalization
 import './icons' // icon
 import './permission' // permission control
-import './utils/errorLog' // error log
+import './utils/error-log' // error log
 
 import * as filters from './filters' // global filters
 
diff --git a/src/router/index.js b/src/router/index.js
index c9117e5b..393e8e88 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -57,17 +57,17 @@ export const constantRoutes = [
   },
   {
     path: '/auth-redirect',
-    component: () => import('@/views/login/authRedirect'),
+    component: () => import('@/views/login/auth-redirect'),
     hidden: true
   },
   {
     path: '/404',
-    component: () => import('@/views/errorPage/404'),
+    component: () => import('@/views/error-page/404'),
     hidden: true
   },
   {
     path: '/401',
-    component: () => import('@/views/errorPage/401'),
+    component: () => import('@/views/error-page/401'),
     hidden: true
   },
   {
@@ -232,13 +232,13 @@ export const asyncRoutes = [
     children: [
       {
         path: '401',
-        component: () => import('@/views/errorPage/401'),
+        component: () => import('@/views/error-page/401'),
         name: 'Page401',
         meta: { title: 'page401', noCache: true }
       },
       {
         path: '404',
-        component: () => import('@/views/errorPage/404'),
+        component: () => import('@/views/error-page/404'),
         name: 'Page404',
         meta: { title: 'page404', noCache: true }
       }
@@ -252,7 +252,7 @@ export const asyncRoutes = [
     children: [
       {
         path: 'log',
-        component: () => import('@/views/errorLog/index'),
+        component: () => import('@/views/error-log/index'),
         name: 'ErrorLog',
         meta: { title: 'errorLog', icon: 'bug' }
       }
@@ -271,25 +271,25 @@ export const asyncRoutes = [
     children: [
       {
         path: 'export-excel',
-        component: () => import('@/views/excel/exportExcel'),
+        component: () => import('@/views/excel/export-excel'),
         name: 'ExportExcel',
         meta: { title: 'exportExcel' }
       },
       {
         path: 'export-selected-excel',
-        component: () => import('@/views/excel/selectExcel'),
+        component: () => import('@/views/excel/select-excel'),
         name: 'SelectExcel',
         meta: { title: 'selectExcel' }
       },
       {
         path: 'export-merge-header',
-        component: () => import('@/views/excel/mergeHeader'),
+        component: () => import('@/views/excel/merge-header'),
         name: 'MergeHeader',
         meta: { title: 'mergeHeader' }
       },
       {
         path: 'upload-excel',
-        component: () => import('@/views/excel/uploadExcel'),
+        component: () => import('@/views/excel/upload-excel'),
         name: 'UploadExcel',
         meta: { title: 'uploadExcel' }
       }
diff --git a/src/router/modules/charts.js b/src/router/modules/charts.js
index 7293490e..5797ba04 100644
--- a/src/router/modules/charts.js
+++ b/src/router/modules/charts.js
@@ -25,8 +25,8 @@ const chartsRouter = {
       meta: { title: 'lineChart', noCache: true }
     },
     {
-      path: 'mixchart',
-      component: () => import('@/views/charts/mixChart'),
+      path: 'mix-chart',
+      component: () => import('@/views/charts/mix-chart'),
       name: 'MixChart',
       meta: { title: 'mixChart', noCache: true }
     }
diff --git a/src/router/modules/components.js b/src/router/modules/components.js
index 889c371d..75b161eb 100644
--- a/src/router/modules/components.js
+++ b/src/router/modules/components.js
@@ -26,19 +26,19 @@ const componentsRouter = {
     },
     {
       path: 'json-editor',
-      component: () => import('@/views/components-demo/jsonEditor'),
+      component: () => import('@/views/components-demo/json-editor'),
       name: 'JsonEditorDemo',
       meta: { title: 'jsonEditor' }
     },
     {
-      path: 'splitpane',
-      component: () => import('@/views/components-demo/splitpane'),
+      path: 'split-pane',
+      component: () => import('@/views/components-demo/split-pane'),
       name: 'SplitpaneDemo',
       meta: { title: 'splitPane' }
     },
     {
       path: 'avatar-upload',
-      component: () => import('@/views/components-demo/avatarUpload'),
+      component: () => import('@/views/components-demo/avatar-upload'),
       name: 'AvatarUploadDemo',
       meta: { title: 'avatarUpload' }
     },
@@ -56,7 +56,7 @@ const componentsRouter = {
     },
     {
       path: 'count-to',
-      component: () => import('@/views/components-demo/countTo'),
+      component: () => import('@/views/components-demo/count-to'),
       name: 'CountToDemo',
       meta: { title: 'countTo' }
     },
@@ -68,31 +68,31 @@ const componentsRouter = {
     },
     {
       path: 'back-to-top',
-      component: () => import('@/views/components-demo/backToTop'),
+      component: () => import('@/views/components-demo/back-to-top'),
       name: 'BackToTopDemo',
       meta: { title: 'backToTop' }
     },
     {
       path: 'drag-dialog',
-      component: () => import('@/views/components-demo/dragDialog'),
+      component: () => import('@/views/components-demo/drag-dialog'),
       name: 'DragDialogDemo',
       meta: { title: 'dragDialog' }
     },
     {
       path: 'drag-select',
-      component: () => import('@/views/components-demo/dragSelect'),
+      component: () => import('@/views/components-demo/drag-select'),
       name: 'DragSelectDemo',
       meta: { title: 'dragSelect' }
     },
     {
       path: 'dnd-list',
-      component: () => import('@/views/components-demo/dndList'),
+      component: () => import('@/views/components-demo/dnd-list'),
       name: 'DndListDemo',
       meta: { title: 'dndList' }
     },
     {
       path: 'drag-kanban',
-      component: () => import('@/views/components-demo/dragKanban'),
+      component: () => import('@/views/components-demo/drag-kanban'),
       name: 'DragKanbanDemo',
       meta: { title: 'dragKanban' }
     }
diff --git a/src/router/modules/table.js b/src/router/modules/table.js
index b54fb42d..59f0da1d 100644
--- a/src/router/modules/table.js
+++ b/src/router/modules/table.js
@@ -14,25 +14,25 @@ const tableRouter = {
   children: [
     {
       path: 'dynamic-table',
-      component: () => import('@/views/table/dynamicTable/index'),
+      component: () => import('@/views/table/dynamic-table/index'),
       name: 'DynamicTable',
       meta: { title: 'dynamicTable' }
     },
     {
       path: 'drag-table',
-      component: () => import('@/views/table/dragTable'),
+      component: () => import('@/views/table/drag-table'),
       name: 'DragTable',
       meta: { title: 'dragTable' }
     },
     {
       path: 'inline-edit-table',
-      component: () => import('@/views/table/inlineEditTable'),
+      component: () => import('@/views/table/inline-edit-table'),
       name: 'InlineEditTable',
       meta: { title: 'inlineEditTable' }
     },
     {
       path: 'complex-table',
-      component: () => import('@/views/table/complexTable'),
+      component: () => import('@/views/table/complex-table'),
       name: 'ComplexTable',
       meta: { title: 'complexTable' }
     }
diff --git a/src/utils/errorLog.js b/src/utils/error-log.js
similarity index 100%
rename from src/utils/errorLog.js
rename to src/utils/error-log.js
diff --git a/src/utils/openWindow.js b/src/utils/open-window.js
similarity index 100%
rename from src/utils/openWindow.js
rename to src/utils/open-window.js
diff --git a/src/utils/scrollTo.js b/src/utils/scroll-to.js
similarity index 100%
rename from src/utils/scrollTo.js
rename to src/utils/scroll-to.js
diff --git a/src/views/charts/keyboard.vue b/src/views/charts/keyboard.vue
index 3c158fcc..917f8eeb 100644
--- a/src/views/charts/keyboard.vue
+++ b/src/views/charts/keyboard.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Chart from '@/components/Charts/keyboard'
+import Chart from '@/components/Charts/Keyboard'
 
 export default {
   name: 'KeyboardChart',
diff --git a/src/views/charts/line.vue b/src/views/charts/line.vue
index daa181fa..fea1497e 100644
--- a/src/views/charts/line.vue
+++ b/src/views/charts/line.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Chart from '@/components/Charts/lineMarker'
+import Chart from '@/components/Charts/LineMarker'
 
 export default {
   name: 'LineChart',
diff --git a/src/views/charts/mixChart.vue b/src/views/charts/mix-chart.vue
similarity index 86%
rename from src/views/charts/mixChart.vue
rename to src/views/charts/mix-chart.vue
index d41e655b..c57db75a 100644
--- a/src/views/charts/mixChart.vue
+++ b/src/views/charts/mix-chart.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Chart from '@/components/Charts/mixChart'
+import Chart from '@/components/Charts/MixChart'
 
 export default {
   name: 'MixChart',
diff --git a/src/views/components-demo/avatarUpload.vue b/src/views/components-demo/avatar-upload.vue
similarity index 100%
rename from src/views/components-demo/avatarUpload.vue
rename to src/views/components-demo/avatar-upload.vue
diff --git a/src/views/components-demo/backToTop.vue b/src/views/components-demo/back-to-top.vue
similarity index 100%
rename from src/views/components-demo/backToTop.vue
rename to src/views/components-demo/back-to-top.vue
diff --git a/src/views/components-demo/countTo.vue b/src/views/components-demo/count-to.vue
similarity index 100%
rename from src/views/components-demo/countTo.vue
rename to src/views/components-demo/count-to.vue
diff --git a/src/views/components-demo/dndList.vue b/src/views/components-demo/dnd-list.vue
similarity index 100%
rename from src/views/components-demo/dndList.vue
rename to src/views/components-demo/dnd-list.vue
diff --git a/src/views/components-demo/dragDialog.vue b/src/views/components-demo/drag-dialog.vue
similarity index 95%
rename from src/views/components-demo/dragDialog.vue
rename to src/views/components-demo/drag-dialog.vue
index 3c985552..c815b282 100644
--- a/src/views/components-demo/dragDialog.vue
+++ b/src/views/components-demo/drag-dialog.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import elDragDialog from '@/directive/el-dragDialog' // base on element-ui
+import elDragDialog from '@/directive/el-drag-dialog' // base on element-ui
 
 export default {
   name: 'DragDialogDemo',
diff --git a/src/views/components-demo/dragKanban.vue b/src/views/components-demo/drag-kanban.vue
similarity index 100%
rename from src/views/components-demo/dragKanban.vue
rename to src/views/components-demo/drag-kanban.vue
diff --git a/src/views/components-demo/dragSelect.vue b/src/views/components-demo/drag-select.vue
similarity index 100%
rename from src/views/components-demo/dragSelect.vue
rename to src/views/components-demo/drag-select.vue
diff --git a/src/views/components-demo/jsonEditor.vue b/src/views/components-demo/json-editor.vue
similarity index 100%
rename from src/views/components-demo/jsonEditor.vue
rename to src/views/components-demo/json-editor.vue
diff --git a/src/views/components-demo/mixin.vue b/src/views/components-demo/mixin.vue
index 18e9ef88..19b7a543 100644
--- a/src/views/components-demo/mixin.vue
+++ b/src/views/components-demo/mixin.vue
@@ -115,7 +115,7 @@
 import PanThumb from '@/components/PanThumb'
 import MdInput from '@/components/MDinput'
 import Mallki from '@/components/TextHoverEffect/Mallki'
-import DropdownMenu from '@/components/Share/dropdownMenu'
+import DropdownMenu from '@/components/Share/DropdownMenu'
 import waves from '@/directive/waves/index.js' // 水波纹指令
 
 export default {
diff --git a/src/views/components-demo/splitpane.vue b/src/views/components-demo/split-pane.vue
similarity index 100%
rename from src/views/components-demo/splitpane.vue
rename to src/views/components-demo/split-pane.vue
diff --git a/src/views/dashboard/admin/components/TransactionTable.vue b/src/views/dashboard/admin/components/TransactionTable.vue
index 68ab4792..d07b0edf 100644
--- a/src/views/dashboard/admin/components/TransactionTable.vue
+++ b/src/views/dashboard/admin/components/TransactionTable.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import { transactionList } from '@/api/remoteSearch'
+import { transactionList } from '@/api/remote-search'
 
 export default {
   filters: {
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
index 2fed7398..4e05d03f 100644
--- a/src/views/documentation/index.vue
+++ b/src/views/documentation/index.vue
@@ -7,7 +7,7 @@
   </div>
 </template>
 <script>
-import DropdownMenu from '@/components/Share/dropdownMenu'
+import DropdownMenu from '@/components/Share/DropdownMenu'
 
 export default {
   name: 'Documentation',
diff --git a/src/views/errorLog/errorTestA.vue b/src/views/error-log/components/ErrorTestA.vue
similarity index 100%
rename from src/views/errorLog/errorTestA.vue
rename to src/views/error-log/components/ErrorTestA.vue
diff --git a/src/views/errorLog/errorTestB.vue b/src/views/error-log/components/ErrorTestB.vue
similarity index 100%
rename from src/views/errorLog/errorTestB.vue
rename to src/views/error-log/components/ErrorTestB.vue
diff --git a/src/views/errorLog/index.vue b/src/views/error-log/index.vue
similarity index 81%
rename from src/views/errorLog/index.vue
rename to src/views/error-log/index.vue
index 8cbe18e2..a0be8fc0 100644
--- a/src/views/errorLog/index.vue
+++ b/src/views/error-log/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="errPage-container">
-    <errorA />
-    <errorB />
+    <ErrorA />
+    <ErrorB />
     <!-- $t is vue-i18n global function to translate lang -->
     <h3>{{ $t('errorLog.tips') }}</h3>
     <code>
@@ -17,12 +17,12 @@
 </template>
 
 <script>
-import errorA from './errorTestA'
-import errorB from './errorTestB'
+import ErrorA from './components/ErrorTestA'
+import ErrorB from './components/ErrorTestB'
 
 export default {
   name: 'ErrorLog',
-  components: { errorA, errorB }
+  components: { ErrorA, ErrorB }
 }
 </script>
 
diff --git a/src/views/errorPage/401.vue b/src/views/error-page/401.vue
similarity index 100%
rename from src/views/errorPage/401.vue
rename to src/views/error-page/401.vue
diff --git a/src/views/errorPage/404.vue b/src/views/error-page/404.vue
similarity index 100%
rename from src/views/errorPage/404.vue
rename to src/views/error-page/404.vue
diff --git a/src/views/example/components/ArticleDetail.vue b/src/views/example/components/ArticleDetail.vue
index 2213e927..58574ab0 100644
--- a/src/views/example/components/ArticleDetail.vue
+++ b/src/views/example/components/ArticleDetail.vue
@@ -76,12 +76,12 @@
 
 <script>
 import Tinymce from '@/components/Tinymce'
-import Upload from '@/components/Upload/singleImage3'
+import Upload from '@/components/Upload/SingleImage3'
 import MDinput from '@/components/MDinput'
 import Sticky from '@/components/Sticky' // 粘性header组件
 import { validURL } from '@/utils/validate'
 import { fetchArticle } from '@/api/article'
-import { searchUser } from '@/api/remoteSearch'
+import { searchUser } from '@/api/remote-search'
 import Warning from './Warning'
 import { CommentDropdown, PlatformDropdown, SourceUrlDropdown } from './Dropdown'
 
diff --git a/src/views/excel/exportExcel.vue b/src/views/excel/export-excel.vue
similarity index 100%
rename from src/views/excel/exportExcel.vue
rename to src/views/excel/export-excel.vue
diff --git a/src/views/excel/mergeHeader.vue b/src/views/excel/merge-header.vue
similarity index 100%
rename from src/views/excel/mergeHeader.vue
rename to src/views/excel/merge-header.vue
diff --git a/src/views/excel/selectExcel.vue b/src/views/excel/select-excel.vue
similarity index 100%
rename from src/views/excel/selectExcel.vue
rename to src/views/excel/select-excel.vue
diff --git a/src/views/excel/uploadExcel.vue b/src/views/excel/upload-excel.vue
similarity index 100%
rename from src/views/excel/uploadExcel.vue
rename to src/views/excel/upload-excel.vue
diff --git a/src/views/guide/index.vue b/src/views/guide/index.vue
index 31ca3177..46165803 100644
--- a/src/views/guide/index.vue
+++ b/src/views/guide/index.vue
@@ -2,8 +2,7 @@
   <div class="app-container">
     <p class="warn-content">
       {{ $t('guide.description') }}
-      <a href="https://github.com/kamranahmedse/driver.js" target="_blank">driver.js.
-      </a>
+      <a href="https://github.com/kamranahmedse/driver.js" target="_blank">driver.js.</a>
     </p>
     <el-button icon="el-icon-question" type="primary" @click.prevent.stop="guide">
       {{ $t('guide.button') }}
@@ -14,7 +13,7 @@
 <script>
 import Driver from 'driver.js' // import driver.js
 import 'driver.js/dist/driver.min.css' // import driver.js css
-import steps from './defineSteps'
+import steps from './steps'
 
 export default {
   name: 'Guide',
diff --git a/src/views/guide/defineSteps.js b/src/views/guide/steps.js
similarity index 100%
rename from src/views/guide/defineSteps.js
rename to src/views/guide/steps.js
diff --git a/src/views/login/authRedirect.vue b/src/views/login/auth-redirect.vue
similarity index 100%
rename from src/views/login/authRedirect.vue
rename to src/views/login/auth-redirect.vue
diff --git a/src/views/login/socialSignin.vue b/src/views/login/components/SocialSignin.vue
similarity index 97%
rename from src/views/login/socialSignin.vue
rename to src/views/login/components/SocialSignin.vue
index d047b068..cbfb15d2 100644
--- a/src/views/login/socialSignin.vue
+++ b/src/views/login/components/SocialSignin.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-// import openWindow from '@/utils/openWindow'
+// import openWindow from '@/utils/open-window'
 
 export default {
   name: 'SocialSignin',
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index b9cba35f..9bff21a3 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -81,7 +81,7 @@
 <script>
 import { validUsername } from '@/utils/validate'
 import LangSelect from '@/components/LangSelect'
-import SocialSign from './socialSignin'
+import SocialSign from './components/SocialSignin'
 
 export default {
   name: 'Login',
diff --git a/src/views/svg-icons/index.vue b/src/views/svg-icons/index.vue
index 665b1d03..9733bc3a 100644
--- a/src/views/svg-icons/index.vue
+++ b/src/views/svg-icons/index.vue
@@ -37,7 +37,7 @@
 
 <script>
 import clipboard from '@/utils/clipboard'
-import icons from './requireIcons'
+import icons from './require-icons'
 import elementIcons from './element-icon.json'
 
 export default {
diff --git a/src/views/svg-icons/requireIcons.js b/src/views/svg-icons/require-icons.js
similarity index 100%
rename from src/views/svg-icons/requireIcons.js
rename to src/views/svg-icons/require-icons.js
diff --git a/src/views/tab/components/tabPane.vue b/src/views/tab/components/TabPane.vue
similarity index 100%
rename from src/views/tab/components/tabPane.vue
rename to src/views/tab/components/TabPane.vue
diff --git a/src/views/tab/index.vue b/src/views/tab/index.vue
index 85a96347..e5746580 100644
--- a/src/views/tab/index.vue
+++ b/src/views/tab/index.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import tabPane from './components/tabPane'
+import tabPane from './components/TabPane'
 
 export default {
   name: 'Tab',
diff --git a/src/views/table/complexTable.vue b/src/views/table/complex-table.vue
similarity index 100%
rename from src/views/table/complexTable.vue
rename to src/views/table/complex-table.vue
diff --git a/src/views/table/dragTable.vue b/src/views/table/drag-table.vue
similarity index 100%
rename from src/views/table/dragTable.vue
rename to src/views/table/drag-table.vue
diff --git a/src/views/table/dynamicTable/fixedThead.vue b/src/views/table/dynamic-table/components/FixedThead.vue
similarity index 100%
rename from src/views/table/dynamicTable/fixedThead.vue
rename to src/views/table/dynamic-table/components/FixedThead.vue
diff --git a/src/views/table/dynamicTable/unfixedThead.vue b/src/views/table/dynamic-table/components/UnfixedThead.vue
similarity index 100%
rename from src/views/table/dynamicTable/unfixedThead.vue
rename to src/views/table/dynamic-table/components/UnfixedThead.vue
diff --git a/src/views/table/dynamicTable/index.vue b/src/views/table/dynamic-table/index.vue
similarity index 70%
rename from src/views/table/dynamicTable/index.vue
rename to src/views/table/dynamic-table/index.vue
index 4947b4b9..b1a6a6d5 100644
--- a/src/views/table/dynamicTable/index.vue
+++ b/src/views/table/dynamic-table/index.vue
@@ -13,12 +13,12 @@
 </template>
 
 <script>
-import fixedThead from './fixedThead'
-import unfixedThead from './unfixedThead'
+import FixedThead from './components/FixedThead'
+import UnfixedThead from './components/UnfixedThead'
 
 export default {
   name: 'DynamicTable',
-  components: { fixedThead, unfixedThead }
+  components: { FixedThead, UnfixedThead }
 }
 </script>
 
diff --git a/src/views/table/inlineEditTable.vue b/src/views/table/inline-edit-table.vue
similarity index 100%
rename from src/views/table/inlineEditTable.vue
rename to src/views/table/inline-edit-table.vue