《vue+vant+node+mongoDB+koa2》电商项目
2018-11-04 本文已影响4人
我是老尚
新规划的课程是一个完整的移动端的电商网站的实例项目,
它的技术栈是,
vue+vant+node+mongoDB+koa2..
大概效果图是这样的,(图比较丑,sorry)
每节课程规划是大概12-15分钟左右,是以功能点来划分课程的节奏。预计总课时数大概40节左右吧,看实际情况吧。
课程内容大的模块,包括,
- 首页
- 商品类型
- 购车车
- 登录、注册
- 后台接口
- ...
第一节,前端开发的环境的搭建
到后期的时候,可能还会加上Mongoose,它是nodeJS提供连接 mongodb的一个库,其实就是一个中间件一类的东西,使用它的话,就免得咱们自己再去手动操作nodeJs连接mongoDB了。看情况吧,也许为了深入细节就特意的用nodeJs去操作mongoDB呢。
那现在就开始吧,
<!-- 第一节,前端开发的环境的搭建 -->
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...