其实react项目的搭建在实际工作中是很简单的,因为FaceBook官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具create-react-app。
creat-react-app优点
- 无需配置: 官方的配置堪称完美,几乎不用你再配置任何东西,就可以上手开发项目
- 高集成性: 集成了对React,JSX,ES6和Flow的支持
- 自带服务: 集成了开发服务器,你可以实现开发预览一体化
- 热更新: 保存自动更新,让你的开发更简单
- 全兼容性: 自动处理CSS的兼容问题,无需添加-webkit前缀
- 自动发布: 集成好发布成品功能,编译后直接发布,并且包含了sourcemaps功能
create-react-app的安装
安装需要在命令行中进行,在安装create-react-app前,你需要安装node。然后在命令行中输入下面的命令:
windows系统下:
npm install -g create-react-app
Liunx和Mac电脑下:
sudo npm install -g create-react-app
创建React项目
我们安装好create-react-app之后,就可以创建我们的React目录了,命令如下:
create-react-app my-app
这里是有个小坑的,就是你的目录名不要使用大写,这样作只要是为了严谨性,因为在Linux下是严格区分大小写的。
启动服务
直接在命令行中输入:
npm start
总结:在实际开发中,你使用脚手架就是这么简单,并没有什么门槛。让我们在快速搭建开发环境,上手项目。所以说React的生态还是很庞大和完美的。记住:听懂不等于学会,一定要动手作一作。