1 react 需要nodejs所以需要安装nodejs环境，到nodejs官网下载
现在默认会安装nodejs 和 npm包 和 配置环境
2 检查是否安装成功，在命令行中输入
显示成功则正确
3 安装包管理工具 bower，推荐安装
安装命令
npm install -g bower
查看版本信息
bower --v
初始化当前工程的bower，此操作会在当前目录下生成bower.json文件：
bower init
通过问答向导的方式在当前目录生成一个bower.json文件。
查询包信息和版本
bower info 包名
bower的使用
使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下，使用如下命令即可安装相关依赖库。
注：bower下载安装依赖库实际上是使用git进行下载。对于linux系统，由于默认都有安装git，所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端，建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中，再在命令行中执行bower install命令。
安装包
bower install 安装当前目录下bower.json中的指定所有包。生产环境部署时建议使用 -p 或 --production参数，这种情况不会安装devDependencies。 bower install 包名 --save 安装指定的包。 如果使用参数 -S 或 --save 则安装完后，会把包名及版本号添加到bower.json的dependecies配置项数组中(方便以后重新安装)。 如果使用参数 -D 或 --save-dev 则安装完后，会把包名及版本号添加到bower.json的devDependecies配置项数组中。 如果不使用参数，则只安装包到bower_components目录，不修改bower.json文件。
更新
bower update 包名
搜索
bower search 包名
卸载
bower uninstall 包名
不支持一次卸载所有的包，只能手动全部删除。
卸载包并不从缓存中删除，只是安装目录移除，下次安装会优先从本地缓存中复制安装。
缓存
Bower在安装包的时候，会先下载包到本地缓存，然后再复制到安装位置。
缓存位置默认：
Win：C:Users用户名AppDataLocalbowercachepackages
Linux：~/.bower/packages
删除缓存
bower cache clean 删除除所有本地缓存 bower cache clean <package>#<version> 删除除指定包的缓存，还可以指定版本。
.bowerrc 文件
这个文件主要用来配置安装路径，如果不指定则默认安装到当前目录下的bower_components目录中。
{ "directory": "bower_components"， //包安装位置 "storage": { "packages" : "~/.bower/packages" //包本地缓存位置 } }
bower.json 文件
无论你是使用bower来为项目管理外部依赖，还是准备制作一个包，都是通过bower.json文件来进行的，这个文件可以说是bower运行的核心。bower.json的配置项和其他包管理工具，比如npm，composer的都差不多，你也可以通过分析这个文件来思考包管理器是如何运行的。
{ "name":"", //必须，如果需要注册包，则该包名唯一。 "description":"", //可选，包描述 "main":[], //可选，入口文件，bower本身不使用，供第三方构建工具会使用 //每种文件类型只能有一个。 "ignore":[], //可选，文件或目录列表。bower安装的时候将忽略该列表中的文件。 //bower是从git仓库或压缩包下载一个包，里面的文件并不一定全部需要。 "dependencies":[], //依赖包，name:value，value可以是包的semver //range(版本号范围)，也可以直接是一个包的git地址或压缩包地址。 "devDependencies":[], //开发依赖包，仅仅在开发过程中测试或者编译文档用，部署生产环境是不需要。 //格式和dependencies 相同 "resolutions":[], //包引用冲突自动使用该模块指定的包版本 //格式和dependencies 相同 "overrides" :[ //这个也很关键，可以覆盖一个包中的默认设置，比如main里面设定的入口文件 "package-name":{ //这样可以根据需要，让第三方工具只打包需要的文件。 "main":[] } ], "moduleType":"", //可选，指定包采用那种模块化方式(globals,amd,node,es6,yui) "private":Boolean, //是否公开发布当前包,如果只是使用bower来管理项目的包，设置为true. "license":"", //授权方式(GPL-3.0,CC-BY-4.0.....) "keywords":[], //可选，方便注册后容易被其他人搜索到。 "authors":[], //作者列表 "homepage":[], //主页，包介绍页 "repository":{ //包所在仓库。 "type": "git", "url": "git://github.com/foo/bar.git" }, ｝
bower用这套格式管理所有的包，所以下载的每个包中都会包含一个bower.json文件。 如果只是使用bower作为项目的包管理工具，上述配置项只需关注：dependencies, devDependencies, resolutions，overrides即可 如果你把自己开发的内容打包发布出去，这个时候才需要配置其他项。 配置项的更多解释可以参考 https://github.com/bower/spec/blob/master/json.md
4 安装 create-react-app
npm install -g create-react-app
5 全局安装 babel 转译器
npm install --global babel-cli