vue商城项目学习实战第一篇

1、前端项目设计图

2.根据设计图做对应开发，开发分3大块，头部区域，中间区域，底部区域，根据上面3部分做对应开发。（前提条件是已经搭建完毕vue-cli脚手架，项目启动成功访问到vue默认首页，此项目是环境已经装备ok的基础上开发）

2.1前期准备工作

        在assets目录下创建目录css及样式文件mall.css；创建存贮图片目录image。

        在mall.css编写通用样式

/* 格式化样式 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
body,
div,
form,
input,
button,
th,
td,
ol,
ul,
dl,
li,
dd,
dt {
  margin: 0;
  padding: 0;