首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《vue+vant+node+mongoDB+koa2》电商项目实战连载(1)

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

作者头像
web前端教室
发布2018-12-07 14:52:35
7180
发布2018-12-07 14:52:35
举报
文章被收录于专栏:web前端教室web前端教室

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

它的技术栈是,

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-11-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云数据库 MongoDB
腾讯云数据库 MongoDB(TencentDB for MongoDB)是腾讯云基于全球广受欢迎的 MongoDB 打造的高性能 NoSQL 数据库,100%完全兼容 MongoDB 协议,支持跨文档事务,提供稳定丰富的监控管理,弹性可扩展、自动容灾,适用于文档型数据库场景,您无需自建灾备体系及控制管理系统。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档