新规划的课程是一个完整的移动端的电商网站的实例项目,
它的技术栈是,
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...