使用create-react-app创建项目

在创建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:删除该工具并复制构建依赖关系、配置文件


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部