Create React App:快速创建React项目的官方方法

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
沪ICP备2024098111号-1
上海秋旦网络科技中心:上海市奉贤区金大公路8218号1幢 联系电话:17898875485