国庆之后，天气陡然变冷，导致胃痉挛发作，修养了这么长的时间，终于又可以开始更新了。。。

接上文，项目是原公司商店app的wap版，包括在线产品目录、购物车和结账功能。

在线产品目录：客户可以按类别浏览和分页浏览

购物车：客户可以添加和移除产品

结账：客户可以输入发货详情并下单

完整的网站都需要一个后台管理区域，用于网站配置和功能模块的录入与维护，该区域受到保护，只有管理员登陆后才可以进行操作。

但现实中，该项目作为商店app的wap版，和商店app共用一套接口。而对于已经运行过N年的app来说，它的后台功能已经很完善了。

所以在这个系列中，并没有类似网站后台的功能，不过这对于一篇入门级的系列文章来说，还是可以接受的。在后面的文章中，会有专门的Vue开发中后台项目的讲解， 但肯定不会是这个系列了。

花几分钟搞了一个很low的首页原型设计用作参考,这正是原创文章应有的既视感：

1、项目初始化

用脚手架创建搭建真实项目BLStore，并使用上文中创建的预设ProjectStandard。

2、项目创建成功

3、点击【安装依赖】按钮，添加组件库we-vue(一开始写成了weui-vue，但发现其没有足够的文档支持)

 

4、安装成功， 点击查看详情按钮，可以进入github中的主页，查阅相关文档。

5、点击【运行】按钮，进入我们熟悉的欢迎界面。