在创建react项目之前,需要经过安装和配置webpack和babel等工具,操作很麻烦。通过使用create-react-app创建项目,可以免去安装和配置webpack和babel等工具,使得创建项目变得便捷许多,因为他们已经被预先安装和配置了。
是不是很迫不及待想体验一下了呢?
下面,我们一起进入操作吧。其实是很简单的哦
在使用之前,我就先默认你们安装了Nodejs和配置好了npm,然后通过npm全局安装create-react-app
npm install -g create-react-app
安装好之后,你就可以使用命令行来创建react项目了
新建一个文件夹:
mkdir react-project
cd react-project
再通过create-react-app命令来创建react项目:
create-react-app hello
即可创建一个react项目,还可以自动安装和匹配好webpack和babel等工具,接下来你就可以快速地进行开发你的项目了
温馨提示:
由于create-react-app命令预先安装和配置了webpack和babel,同时也初始化了npm(可以通过npm init来初始化,初始化完会有一个package.json文件,专门来说明你的项目的一些基本信息和可以设置npm自定义命令),所以有几个自定义npm命令:
- npm start:开始运行服务器文件
- npm run build:使用webpack打包成静态文件
- npm test:开始测试
- npm run eject:删除该工具并复制构建依赖关系、配置文件