标签：tray 详情 img 构建 目的 截图 完成后 dev 16px
首先上一下完成后的效果：
首页：
商品详情页：
购物车页（其实还有个订单页，只是和购物车页基本类似，所以就不截图啦）：
开始项目：
由于涉及的是前后端分离，所以我们的后台数据就模拟存储于浏览器端（config/config.js里面）：
当然在这之前你需要使用Vue CLI构建项目（），然后才可以进行下去，还有我们这各项目里面用了Font Awesome图标库
来使我们的项目的图标更加酷炫。读者可以使用cnpm install font-awesome --save-dev安装，具体的Font Awesome如何使
用读者们可以访问官方文档（http://www.fontawesome.com.cn/faicons/）查看哦。
好啦，基础的东西就这么多，其他的代码，我就不写了，读者可以到（https://github.com/Stray-Kite/Online_Shopping）
自行下载研究，这篇博文主要是和大家共享这个项目，当然你要先具备vue的基础哦。遇到不懂的可以加QQ：1549687918，
与博主讨论哦，毕竟博主也是一个小菜鸟，互相学习。
标签：tray 详情 img 构建 目的 截图 完成后 dev 16px
原文地址：https://www.cnblogs.com/Trojan00/p/11297846.html
