# anta

**Repository Path**: loststars/anta

## Basic Information

- **Project Name**: anta
- **Description**: 安踏官方网站
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://loststars.gitee.io/anta
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-15
- **Last Updated**: 2020-12-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Anta

#### 介绍
Anta官方网站

#### 功能介绍

1. 首页三个轮播图
2. 点击左上登录注册可进入相关页面
3. 下拉有懒加载商品列表
4. 任意点击商品列表其中一个即可进入相关商品详情
5. 首页点击所有商品分类即可进入分类列表，此列表有分页功能，点击任意商品也可进入商品详情。
6. 购物车在右方侧边栏 ，点击加入购物车即可添加商品

#### 目录结构说明
conf  配置文件包
src 开发目录包
utils  工具包
dev  编译后的开发环境包
dist 打包正式上线环境包

#### 前端工程化步骤
1. npm init（初始化package.json）
2. npm install --save-dev gulp@3.9.1(安装工作环境的gulp)
(无全局的gulp需要先执行npm install --global gulp@3.9.1)
3. gulp -v（检查环境）
4. npm install --save-dev gulp-connect（安装启动服务器插件）
5. npm install --save-dev gulp-concat （安装合并文件插件）
6. npm install node-sass gulp-sass --save-dev（安装编译sass文件为css文件插件）
7. npm install --save-dev gulp-imagemin（安装编译image的插件）
8. npm install --save-dev gulp-uglify（安装压缩js文件插件）
9. npm install gulp-clean-css --save-dev （安装压缩css文件插件）
10. npm install --save-dev gulp-babel @babel/core @babel/preset-env 
（安装babel的插件用来编译es6及以上语法）
11. npm install --save-dev http-proxy-middleware（安装代理网站的地址类似于ngnx的反向代理）

有了package.json后只需要执行
npm install(将会下载所有需要的插件)
* 验证环境是否可行
npm run start(start  属于自定义命令)