搭建React项目

2017-10-15  本文已影响0人  追风的云月

为了在React项目中使用ES6,JSX,并且实现热刷新,使用React官方脚手架进行项目搭建。
使用脚手架的原因:
1.操作简单,只需要简单的一个命令行便可以搭建好项目框架
2.已经有对webpack的各种配置,即使不懂webpack也没有关系
3.集成了对React,JSX,ES6的支持,并且配置了浏览器热加载功能,保存文件后可以自动刷新
使用过程如下:
在安装了node的前提下,使用npm安装create-react-app

npm install -g create-react-app

然后某个文件夹下执行以下命令,new-app为自定义的项目名称

create-react-app new-app

创建过程如图


image.png

该文件夹中便会出现一个名为new-app的项目文件,目录结构如下:


image.png

在创建项目的过程中,所需的包都一并下载了,省去了多余操作
接下来在这个文件夹中执行以下命令

npm start

便可以启动react项目啦,此时打开http://localhost:3000,即可以看到React APP的运行效果。
另外我认为这个脚手架简直是省时省力,那么

上一篇下一篇

猜你喜欢

热点阅读