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版本并下载,详见下图:

Create-react-app官方脚手架从0开始安装_第1张图片

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

Create-react-app官方脚手架从0开始安装_第2张图片

这里可以看到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目录。这个目录保存我们的所有源代码。

你可能感兴趣的:(Create-react-app官方脚手架从0开始安装)