Create React App是一个用于生成React项目模板的工具,它安装简单,尝试方便,无需复杂的构建设置即可开始使用。Create React App的另一个优点是它的简洁性。它不会像许多样板项目那样为规定一套依赖关系。当准备好使用Redux、React Router或其他任何东西时,可以自己通过npm安装,并且拥有完全的控制权。
这个工具主要针对那些经常因为需要设置基本构建而感到不知所措的React初学者。
使用npm和-g标志(表示“全局安装”)安装这个工具。
$ npm install -g create-react-app
这将给创建一个create-react-app命令,然后运行这个命令来生成一个项目:
$ create-react-app hello-awesomeness && cd hello-awesomeness
稍等片刻,它会安装一堆依赖项。不必设置它们,但这并不意味着它们不存在...
它生成了一组相当基础的文件:
favicon.ico
index.html
package.json
node_modules/
README.md
src/
App.css
App.js
index.css
index.js
logo.svg
实际上,可以进一步精简这些文件。所需的最小文件集是:
favicon.ico
index.html
package.json
node_modules/
src/
index.js
尽管如果删除了那些其他文件,将需要用自己的代码替换index.js中的代码。这里有一个最小的例子:
import React from 'react';
import ReactDOM from 'react-dom';
let HelloAwesomeness = () => Hello Awesomeness!;
ReactDOM.render(
,
document.getElementById('root')
);
剩下的就是运行它了。在项目目录中,只需运行:
$ npm start