Day 87 VUE——xmall_front 案例

项目目标

1.对项目进行需求分析和模块划分以及功能划分
2.实现首页 + 全部 + 品牌周边页面渲染
3.查看商品详情页制作、商品排序以及分页功能实现
4.使用 token + jwt 实现网站用户登录退出(后台)
5.使用 Meta 原信息实现路由权限控制
6.实现加入购物车、图片懒加载功能
7.实现数据持久化春虎成用户数据和购物车数据
8.项目优化以及如何打包上线整个流程

环境准备

项目环境:vue + vue-router + vuex + element-ui

新建项目:vue create xmall_front
安装插件 element :vue add element 建议使用局部导入,中文
安装插件 sass:npm install -D sass-loader sass
安装插件 axios:cnpm i axios -S
安装插件 vue-lazyload:cnpm i vue-lazyload -S

查看 package.json 文件插件是否安装完成:

开发依赖:
node-sass
sass-loader

依赖关系:
axios
element-ui
vue
vue-lazyload
vue-router
vuex

初始化项目:把创建时项目自带的界面及相关样式、引用、界面等一并删除

原文地址:https://www.cnblogs.com/ysging/p/13548041.html