# react项目脚手架

## 首次安装

        npm install -g yo   //如果已安装则跳过
        npm install -g generator-zeus-react     //安装脚手架到全局
        
## 脚手架安装

        mkdir my-project
        cd my-project
        yo zeus-react [-p 8888]
        
可以通过`-p xxxx`指定端口，未指定则默认`3000`，如果端口被占用的话项目启动后会报错，请手动运行`npm start`。


## 生成的目录

        - config    //配置目录
        
            - base.js   //公共配置
                
            - dev.js    //开发环境配置：如ajax代理设置、访问端口等
            
            - prod.js   //生成环境配置：如编译路径，静态资源上下文路径等
            
        - src   //项目源文件
        
            - page      //页面
            
                - todo      //存放todoList示例
                
                    - components    //页面组件
                    
                        - Footer.js
                        
                        - List.js
                        
                        - Header.js
                        
                    - index.js
                    
                    - index.scss    //页面样式
            
            - index.html //首页
            
            - main.js   //项目入口文件
            
            - polyfill.js   //垫片，如：babel-polyfill
            
            - vendor.js     //第三方库或插件：如：bootstrap、react、公共样式文件等.
            
        - .npmrc    //npm安装镜像配置，无需管
        
        - package.json  //项目依赖文件
        
        - READEM.md     //项目说明
        
        - webpack.config.js //webpack配置文件
        
## 运行和打包

        npm start   //启动项目
        npm run build   //打包项目到dist文件夹（后面可能会打包到webapp目录下）
        

## TODO

- 编译到webapp目录下

- 添加redux目录结构