Create-react-app官方脚手架从0开始安装

        create-react-app是React官方推出的脚手架工具，使用脚手架工具，可以从零开始快速搭建一个完整的项目的结构，我们只需要在生成的项目结构的基础上进行修改开发即可，非常简单高效。

        要想使用create-react-app脚手架，必须先进行安装。可以通过npm或yarm方式进行安装。针对这2种方式的区别，我们后续的文章会对它们进行详细的比较。

        1.安装nodejs

这里直介绍Mac版安装nodejs，window版本安装方式和Mac版类似。

访问nodejs官网（https://nodejs.org/en/），直接点击左侧8.11.3 LTS版本并下载，详见下图：

也可以点击上面第3个栏目的DOWNLOADS选择不同的下载方式进行下载。

这里可以看到nodejs最新的稳定版本是8.11.3，并且在nodejs中还包括了一个npm。这是nodejs的一个默认包管理工具node package manager，使用npm可以方便的对nodejs的各种包进行安装、管理等操作。具体的针对npm的说明，可以点击这个参考。

下载完成后，双击打开，按照照步骤默认安装就行，安装完成后就可以使用了。

         2.新建项目目录，初始化npm，新建开发源目录

mkdir reactDemo && cd reactDemo
npm init -y
mkdir src

这里使用了2个unix命令，分别是mkdir(创建目录)和cd(进入目录)，我们创建的跟目录是reactDemo，所有项目中的代码都会放到这个目录中。

npm init 是初始化该目录。最大的作用就是会在目录中创建一个package.json的文件。这个是nodejs项目的根管理文件。

然后我们创建了src目录。这个目录保存我们的所有源代码。