当前位置:  首页  >  前端开发  >  HTML

详解React快速上手脚手架create-react-app-html教程

此文简单讲解了官方React快速上手脚手架的安装与介绍。1.React快速上手脚手架create-react-app为了快速地进行构建使用React的项目,FaceBook官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具create-react-app。当然,如果你需要ReactNative的脚手架项目,可以查看这里:create-react-nativ
1. React 快速上手脚手架 create-react-app

为了快速地进行构建使用 React 的项目,FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。
当然,如果你需要 React Native 的脚手架项目,可以查看这里:create-react-native-app

使用的原因以及特性:

  • 无需配置;

  • 集成了对 React, JSX, ES6 和 Flow 的支持;

  • 集成了开发服务器;

  • 配置好了浏览器热加载的功能;

  • 在 JavaScript 中可以直接 import CSS 和图片;

  • 自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;

  • 集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。

3. 需要注意的几个点
  • Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;

  • 运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;

  • 执行 npm test 或 yarn test 可以执行测试动作,更多请参阅这里;

  • 编译项目执行 npm run build 或 yarn build

  • 更多使用向导请插件这里。

以上就是详解React 快速上手脚手架 create-react-app的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有