React安装及目录结构

构建React项目的几种方式：

• 构建：create-react-app 快速脚手架
• 构建：generator-react-webpack
• 构建：webpack一步一步构建

这里我们create-react-app 快速脚手架构建项目。
优缺点：React项目构建的几种方式

一、安装

1、安装cnpm

国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
$ sudo npm config set registry https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了：

$ cnpm install [name]

2、安装react

使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目my-app，并启动：

//创建项目
$ sudo cnpm install -g create-react-app
$ sudo create-react-app my-app

//启动项目