您的位置:首页 > 移动开发

使用create-react-app创建项目

2017-08-30 15:05 966 查看
在创建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:删除该工具并复制构建依赖关系、配置文件
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: