# ShoppingApp

**Repository Path**: robynnnn/shoppingApp

## Basic Information

- **Project Name**: ShoppingApp
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-09-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 分支测试

- master 线上分支 主分支
- dev 开发分支 / 测试分支

## 项目简介

基于 react.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES2015、scss 等最新语言特性。项目包含：
-   基础库: `react.js`、`redux`、`axios`、`ant-design-mobile`、`better-scroll`
-   编译/打包工具：`webpack`、`babel`、`less`

## 目录结构

    ├── README.md                      项目介绍
    ├── build                          打包完成的目录
    │   ├── images                     图片文件
    │   ├── css                        css目录
    │   ├── index.html                 入口文件
    │   ├── js                         js目录
    ├── package.json                   npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
    ├── config                         包含webpack 抽离的部分config配置信息    
    ├── src                            源码目录
    │   ├── action                     redux 的action存放目录
    │   |
    │   ├── assets                     静态资源文件目录
    │   |
    │   ├── component                  react 组件目录
    │   |
    │   ├── html                       html资源目录
    │   └──  dev.html                  开发环境html入口文件
    │   └──  build.html                测试环境html入口文件
    │   └──  online.html               线上环境html入口文件
    │   ├── reducers                   redux reducers 存放目录
    │   |
    │   ├── route                      react route 页面 目录
    │   |
    │   ├── services                   后端接口api 目录
    │   |
    │   ├── store                      redux store目录
    │   |
    │   ├── app.js                     app整合 初始化文件。包含路由的初始化结构
    │   |
    |   ├── entry.js                   入口文件
    │   |
    │   └──  theme.less                less预定义变量。全局样式
    │   |
    ├──.gitignore                       git忽略文件
    ├──webpack.build.js                 webpack 编译配置文件
    ├──webpack.config.js                weboack 开发配置文件 包含热加载  默认端口为4000 . 例：http://localhost:4000

## 环境安装

本项目依赖 node.js， 使用前先安装 node.js 和 cnpm（显著提升依赖包的下载速度）。

1.  自行下载并安装 node.js： [https://nodejs.org/en/download/](https://nodejs.org/en/download/)
2.  然后安装 cnpm 命令：

        npm install -g cnpm --registry=https://registry.npm.taobao.org

## 快速开始

    cnpm install
    npm run start

## 命令列表：

    #开启本地开发服务器，监控项目文件的变化，实时构建并自动刷新浏览器，浏览器访问 http://localhost:4000
    npm run start

    #使用开发/测试环境配置构建项目，构建好的文件会输出到 "build" 目录，
    npm run build

    #使用生产环境配置构建项目，构建好的文件会输出到 "build" 目录，
    npm run build