《vue+vant+node+mongoDB+koa2》电商项目实战连载（1）

新规划的课程是一个完整的移动端的电商网站的实例项目，

它的技术栈是，

vue+vant+node+mongoDB+koa2..

大概效果图是这样的，（图比较丑，sorry）

每节课程规划是大概12-15分钟左右，是以功能点来划分课程的节奏。预计总课时数大概40节左右吧，看实际情况吧。

课程内容大的模块，包括，

- 首页

- 商品类型

- 购车车

- 登录、注册

- 后台接口

- ...

到后期的时候，可能还会加上Mongoose，它是nodeJS提供连接 mongodb的一个库，其实就是一个中间件一类的东西，使用它的话，就免得咱们自己再去手动操作nodeJs连接mongoDB了。看情况吧，也许为了深入细节就特意的用nodeJs去操作mongoDB呢。

然后现在在连载中，处于免费的状态，我会把每天在公众号里连载，文字内容就直接发出来，视频就发在优酷了，点击【阅读原文】就可以跳转，手机上看很方便。

每个【阅读原文】只能添加一个链接，所以第二、三、n个视频就放在当天公众号文章的副文的【阅读原文】里了。

因为现在是免费的状态，所以想要下载高清视频的同学们，就请付出一点小小的劳动，把这篇文章转发到某个前端微信群里，10分钟之后，截图发我，我就给你下载的网盘链接。

等这个连载结束之后，会形成一个完整的课程，转为收费模式，并提供相关服务。

那现在就开始吧，

<!-- 第一节，前端开发的环境的搭建 -->

vue-cli，要安装它，但是你要先安装好nodejs，

按键盘上的shift键，鼠标点击右键，

选择“打开powershell”窗口，它和cmd是一样的用法，

在控制台中输入 ，

mkdir shopCarProject，建好项目的目录。

先要确定你安装了nodejs

<!-- nodejs的安装过程，这里就不再演示了 -->

node -v，看一下nodejs的版本

npm -v，看一下npm的版本，尽量在5.x以上

先全局安装 vue-cli，npm install vue-cli -g

<!-- 我已经全局安装过了，这里就不再演示了 -->

在控制台中创建项目，

vue init webpack

然后，

npm install

npm run dev...