react、reudx以及组件脚手架

包括以下三个脚手架：

• 纯react项目脚手架

• redux项目脚手架

• react组件脚手架

安装

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

创建项目

在项目根目录下：

yo shareui [-p xxxx] 创建react项目
yo shareui:redux [-p xxxx] 创建redux项目
yo shareui:component [-p xxxx] 创建react组件脚手架

脚手架会自动创建目录、安装依赖、启动命令，-p xxxx指定端口，如果未指定，则默认为3000（react项目和redux项目默认端口都是3000，react组件脚手架默认端口为3001），确定后会安装脚手架、安装依赖、启动项目，如果报：

Error: listen EADDRINUSE 0.0.0.0:3000

表示端口被占用，到根目录下的config/dev.js中修改port，然后手动运行npm start启动服务，浏览器访问http://localhost:新端口；

生成的目录结构

- config    //配置目录
    
    - base.js   //公共配置
        
    - dev.js    //开发环境配置：如ajax代理设置、访问端口等
    
    - prod.js   //生成环境配置：如编译路径，静态资源上下文路径等
    
- src   //项目源文件

    ... //不同类型有不同的结构
    
- .npmrc    //npm安装镜像配置，无需管

- package.json  //项目依赖文件

- READEM.md     //项目说明

- webpack.config.js //webpack配置文件

运行和打包

npm start 启动服务
npm run build 打包

目前默认都会打包到dist文件夹。