创建应用程序

你需要在本地开发计算机上使用 Node >= 6（但在服务器上不需要）。

要创建新应用，你可以选择以下方法之一：

npx

npx create-react-app my-app

(npx 来自 npm 5.2+ 或更高版本, 查看 npm 旧版本的说明)

npm

npm init react-app my-app

npm init <initializer> 在 npm 6+ 中可用

Yarn

yarn create react-app my-app

yarn create 在 Yarn 0.25+ 中可用

此外还可以全局安装脚手架

npm install -g create-react-app
create-react-app my-app

输出

运行任何这些命令都会在当前目录中创建一个名为 my-app 的目录。在该目录中，它将生成初始项目结构并安装依赖项：

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

从上面目录结构看出，没有配置或复杂的文件夹结构，只是构建应用程序所需的文件。因为在默认情况下 create-react-app 将 webpack 的所有配置文件全部隐藏了，如果我们需要执行命令打开所有的配置文件，方面我们自己的配置，执行下面的命令：

npm run eject

运行该命令后，它会让你再确认一下，我们输入 y 然后回车即可。

安装完成后，你可以打开项目目录：

cd my-app

初始化过程遇到的问题

按照上面的命令初始化react项目的时候，会遇到以下的问题，安装某个包不成功：

在网上搜了几个答案

• 使用 npm install -g npm@latest 更新下npm，之后使用管理运行npm 重新试下就ok了。

试了该方法无效

• 把npm的镜像源改成淘宝镜像

npm config get registry
//查看默认的镜像源
npm config set registry https://registry.npm.taobao.org
//改成淘宝镜像源

该方法也无效

• 最后在GitHub上找到了一个解决办法，最终解决了问题

npm cache clean --force

该命令是清除npm缓存

因为我是Mac系统，需要在前面加上sudo才可以

sudo npm cache clean --force

最后按照上面4种方式之一创建react新项目即可。