需求覆盖：多入口登录、会务预定、 餐饮服务、一卡通审核办理等
技术栈：Vue3.0+Vue-Router@4+Vue-cli@4+Vuex@4+Sass+Vant3+Axios+Echarts+SVN
1. 使用 vue 脚手架搭建项目，安装 postcss-px-to-viewport 并根据项目实际需求进行 postcss 配置，来适应不
同尺寸的手机
2. 安装 prettier、eslint-plugin-prettier、eslint-config-prettier 并修改 eslint 配置来约束代码规范和格式化
3. 安装 vant3，安装 babel-plugin-import 来实现 vant 组件样式的按需加载
4. 安装 axios，根据后端定义好的接口规范，在项目中封装 axios 请求实例
5. 封装路由实例，并在 APP.vue 中监听路由的 meta 参数，从而实现根据每个路由的 meta 参数进行一些自定义
的功能，比如页面标题内容、是否需要缓存路由对应的组件、点击左上角返回指定路由页面等
6. 对用户输入的密码进行 MD5 加密进行登录，将后端返回的 token 存在浏览器本地，在每次请求时通过 axios
拦截器携带在请求头上从而实现登录状态下调用系统接口
7. 按照设计稿和原型，将项目的主题颜色等常用样式定义成 mixins，在实际页面编写中进行引用，所有页面
html 结构的 class 命名均遵循 BEM 命名规则进而提高代码阅读的语义化
8. 通过 symbol 引用的方式使用阿里图标
9. 封装系统公共组件，如分页模块、列表模块、步骤条模块等；封装系统共用方法，如图片的上传和删除