所谓万事开头难，本文旨在为初探React的同学，建立第一个最基本的react应用。

Create React App是Facebook官方的一个快速构建新的 React 单页面应用的脚手架工具，它可以帮你配置开发环境，以便你可以使用最新的 JavaScript 特性，还能提供很棒的开发体验，并为生产环境优化你的应用。（如果你使用过vue-cli构建vue应用，那么此处可类比）

话不多说，直接开始。

 

安装

全局安装create-react-app

npm install -g create-react-app

tips:如果安装失败，更新node与npm至最新版本重试

 

创建新应用

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    └── registerServiceWorker.js

 

运行

cd my-appnpm start // or yarn start

进入my-app目录，运行npm start或yarn start

此时会打开默认浏览器访问http://localhost:3000（如果浏览器没有自动打开，可手动访问http://localhost:3000）

 

接下来你就可以通过修改index.js文件创建你自己的应用了！