feat: 增加注释

Author: wangyupo

src/App.vue

@@ -1,30 +1,34 @@
 <template>
-	<div id="app">
-		<Layout>
-			<router-view/>
-		</Layout>
-	</div>
+  <div id="app">
+    <Layout>
+      <router-view />
+    </Layout>
+  </div>
 </template>
 
 <script>
-	import Layout from "@/layouts";
-	export default {
-		name: "App",
-		components: {
-			Layout
-		}
-	};
+  import Layout from "@/layouts"; //最外层布局（类似Header、Footer等常驻页面的UI都放在这里）
+
+  export default {
+    name: "App",
+    components: {
+      Layout,
+    },
+  };
 </script>
 
 <style lang="scss">
-    @import "./style/normalize.scss";
-    @import "./style/reset.scss";
-    @import "./style/common.scss";
-    @import "~@/assets/iconfont/iconfont.css";
-    #app {
-        font-size: $font-size-base;
-        color: $color-common;
-        font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "SF UI Text",
-        "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
-    }
+  // 重置浏览器样式
+  @import "./style/normalize.scss";
+  @import "./style/reset.scss";
+  // 公用css、scss变量
+  @import "./style/common.scss";
+	// iconfont图标库（只做引入示例，项目不需要可以去掉）
+  @import "~@/assets/iconfont/iconfont.css";
+  #app {
+    font-size: $font-size-base;
+    color: $color-common;
+    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "SF UI Text",
+      "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
+  }
 </style>

src/main.js

@@ -1,10 +1,11 @@
 import Vue from 'vue'
 import App from './App.vue'
-import router from './router'
-import store from './store'
-import i18n from './locale'
-import filters from './filters'
+import router from './router' // vue-router配置
+import store from './store' // vuex配置
+import i18n from './locale' // 国际化配置
+import filters from './filters' // vue过滤器
 
+// 自定义的toast（这里仅做示例，需自己根据需求变动）
 import Toast from './components/toast/index'
 Vue.use(Toast);
 

src/router/index.js

@@ -49,9 +49,9 @@ const router = new Router({
 });
 
 router.beforeEach((to, from, next) => {
-    // 做些什么，通常权限控制就在这里做哦
+    // 做些什么，通常权限控制就在这里做。
 
-    // 必须写next()哦，不然你的页面就会白白的，而且不报错，俗称"代码下毒"
+    // 这里必须写next()，否则页面会阻止下一步操作。
     next();
 });