程序员web前端教室

《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...

上一篇下一篇

猜你喜欢

热点阅读