vue-cli3+typescript初体验——项目实战

前言

上周开始做vue+ts的前置准备工作，花了一周时间熟悉vue3基于类——class的写法，主要是vuex、vue-router、props、components、emit、watch等这些东东的使用规则。
目前已经算是摸底结束，开始进行项目实战了，正好有一个新的项目交到我的手上，没跑了，就是vue+ts。

项目介绍

这是一个移动端商城项目，产品原型还没出来，技术先行，所以可以随意发挥，UI方面暂时不做考虑。
主要的功能就是商品展示、商品详情、商品购买、购物车、订单列表、订单详情、个人中心、收货地址等模块。

技术介绍

vue、vuex、vue-router、vue-cli3、typescript、axios、vue-awesome-swiper等。
因为之前写过vue的简单项目，所以这次算是有一点经验的，但是之前的项目太简单，就4个单页，所以经验相对不足，可能新项目还会踩到很多坑。

项目进度

2019年03月04日已经搭建好项目框架，数据方面也开始自己构造，主要的技术难点也已经解决，预计工作时间5天：
商品展示+商品详情：1天
购物车：1天
商品购买：1天
订单列表+订单详情：1天
个人中心+收货地址：1天
即下周一完成第一版的商城项目。项目地址：vue-cli3-typescript
算是立下flag了，但是工作中可能会临时接到其他需求，可能会打断我的进度，所以交付时间可能要押后3天左右。
最迟2019年03月15日完成。
至于后面的版本，如果原型出来了，就不能提交到公开的github上面了。

结语

未完待续……

2019年03月07日15:33:27 续

已完成：首页——商品展示，搜索——同商品展示，分类——同商品展示，商品详情。进度严重滞后～
初步完成的效果在这里，可以预览啦，后续还会陆续更新 => vue-shop