基于Vue2的电商WebApp项目搭建指南

Vue2项目从0-1搭建过程 本资源摘要信息主要介绍了 Vue2 项目从 0 到 1 的搭建过程，涵盖了项目简介、技术栈、开发注意事项、学习目标等多个方面。 **项目简介** 本项目是一个在线电商 WebApp，包括首页、搜索列表、商品详情、购物车、下单&支付、用户注册、登陆等多个子模块，采用模块化、组件化、工程化的模式开发。 **技术栈** 本项目使用了以下技术栈： 1. **VueRouter**：开发单页应用（SPA） 2. **Vuex**：管理应用组件状态 3. **Axios**：与后端进行数据交互 4. **Swiper&vue-awesome-swiper**：实现页面滑动效果 5. **ElmentUI**：组件库构建界面 6. **vee-validate**：进行前台表单校验 7. **vue-lazyload**：实现图片惰加载 8. **mockjs**：模拟后台数据接口 9. 使用了一些小的工具库，如： * **Lodash**：函数节流 * **Nprogress**：请求进度 * **uuid**：生成唯一用户临时ID * **qrcode**：生成支付二维码 **开发注意事项** 在开发过程中，需要注意以下几点： 1. Git 和 Gitflow 工作流 2. Eslint 和 Prettier 规范校验 3. Standard 代码规范 4. 其他开发中的注意事项 **学习目标** 通过本项目，学习目标包括： 1. 熟悉一个项目的开发流程 2. 在进行网络请求的时候，如何去调试 Bug 3. 学习代码怎么组织的（axios、api、模块、库、Vuex、路由） 4. 学会模块化、组件化、工程化的开发模式 5. 掌握使用 vue-cli 脚手架初始化 Vue.js 项目 6. 学会 Mock 模拟 json 后端数据，实现前后端分离开发 7. 学会 Prettier+eslint+Standard 的开发方式 8. 掌握一些项目优化技巧 **项目搭建过程** 创建项目集成路由进行一些基础配置，包括： 1. 使用 VueCli 创建项目 2. 对项目规范进行规范化，解决代码格式问题 3. 在学习 Vue 基本功的时候，出于学习的目的，Vue 核心依赖库 Vuex、VueRouter 的配置都是由我们自行来进行配置 通过本项目的搭建过程，可以学习到 Vue 项目的开发流程、技术栈、开发注意事项等多个方面的知识点，掌握模块化、组件化、工程化的开发模式，并且学会使用 vue-cli 脚手架初始化 Vue.js 项目。