vue2-shop
vue2全栈商城项目
Build Setup
# Node.js 环境搭建
使用 nvm 安装 node.js
nvm install 8.16.0
# Vue项目的开发环境
npm i vue-cli -g
# project init (项目初始化)
vue init webpack vue2-shop
# install dependencies(安装依赖)
npm install
# serve with hot reload at localhost:8080 (试运行)【开发环境】
npm run dev
# build for production with minification (项目构建打包)【生产环境】
npm run build
# build for production and view the bundle analyzer report 【可视化打包文件分析】
npm run build --report
For a detailed explanation on how things work, 联系:772083612@qq.com
全栈商城项目实战
Vue2商城需求分析及框架搭建,商品列表实现
商品列表模块实现的两种方式
商城后台框架搭建与商品列表滚动分页
业务功能开发(一)(分页查询及登录拦截)
业务功能开发(二)(购物车)
业务功能开发(三)(购物车及收货详情)
业务功能开发(四)(订单处理)
Vue项目打包优化及部署上线+课程总结
环境资源
Webstorm、git、nvm、vue-devtools、mongodb
链接:https://pan.baidu.com/s/192FcnHjvm3cZc6b6mUlUmw 提取码:ite8
作业
第一课作业:
样式引入到组件内,Vue页面实现和原型html页面有出入;没有做到像素级同步,为什么?
目的:考查对项目的熟悉程度,对样式的熟练程度。
第一节课笔记:
2、第一讲:需求分析及框架搭建,商品列表实现(2019-6-12)
第二节课笔记:
1、第二讲:商品列表模块实现的两种方式及价格过滤组件的实现(含移动端适配)(2019-6-15)
第三节课笔记:
1、第三讲:商城后台框架搭建与商品列表滚动分页及价格过滤功能实现(2019-06-16)
第四节课笔记:
1、第四讲:业务功能开发(一)商品加入购物车及用户登录登出(2019-06-19)
第五次课笔记:
1、第五讲:业务功能开发(二)(登录相关的高级功能及购物车列表功能实现)(2019-06-22)
第六节课笔记:
1、第六讲:业务功能开发(三)(购物车及收货地址页面功能)(2019-06-23)
第七节课笔记:
1、第七讲:业务功能开发(四)(收货地址及订单处理)(2019-06-26)
第八次课笔记: