美文网首页程序员web前端教室
《vue+vant+node+mongoDB+koa2》电商项目

《vue+vant+node+mongoDB+koa2》电商项目

作者: 我是老尚 | 来源:发表于2018-11-04 23:52 被阅读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...

    相关文章

      网友评论

      本文标题:《vue+vant+node+mongoDB+koa2》电商项目

      本文链接:https://www.haomeiwen.com/subject/biqdxqtx.html