项目介绍

项目环境

- 开发工具： WebStrom 
- Vue脚手架版本：基于 Vue Cli3.0+开发

设计图原型

1. 免费设计图原型资源：https://oursketch.com/resource?category=web 
2. 本项目原型：https://pan.baidu.com/s/1MkMUVfkRreD76urvE2ZPlw  提取码：uian 
3. 在Windows查看sketch设计图的工具：Luracy、InVision Studio

项目技能点梳理

1. vue.config.js配置：
	1. 参考链接：https://cli.vuejs.org/zh/config/#indexpath
	2. Vue cli 3.0之后，对于Webpack的配置放在了vue.config.js中了
2. 多语言（vue-i18n）
3. 嵌套路由
	1. 参考官方说明：https://router.vuejs.org/zh/guide/essentials/nested-routes.html
	2. 重定向: https://router.vuejs.org/zh/guide/essentials/redirect-and-alias.html#%E9%87%8D%E5%AE%9A%E5%90%91
4. 自定义组件
	1. 动态修改组件样式:https://app.yinxiang.com/shard/s1/nl/17515255/703f58f3-39ad-4711-b0b1-efe98a1c67d0
	2. 动态绑定图片资源：需要通过require引用图片资源
	
5. CSS相关：
	1. flex布局：https://zhuanlan.zhihu.com/p/25303493
	2. 相对定位：https://zh.learnlayout.com/position.html
6. element-ui组件使用：https://element.eleme.io/#/zh-CN/component/installation
7. 适配方案：vm移动端适配方案（https://roubin.me/vue-vw-layout/）；由于设计图不合理，导致在手机上的适配有问题：设计图里字体大小不合理，在手机上字体大小异常导致布局混乱；