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上面了。

结语

未完待续……