React官方脚手架create-react-app

为了快速地进行构建使用 React 的项目,FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。

create-react-app所创建的应用入口文件是src/index.js文件。

1、使用的原因以及特性:

  1. 无需配置;
  2. 集成了对 React, JSX, ES6 和 Flow 的支持;
  3. 集成了开发服务器;
  4. 配置好了浏览器热加载的功能;
  5. 在 JavaScript 中可以直接 import CSS 和图片;
  6. 自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;
  7. 集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。

2、create-react-app 的安装

命令行中使用 npm 执行安装命令 npm install -g create-react-app,注意需要添加 g 参数进行全局安装以及权限的问题。

安装后执行运行命令 npm start 即可在浏览器看到运行后的结果,并且已经实现了热加载的功能。

3、 需要注意的几个点

  1. Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;
  2. 运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;
  3. 执行 npm test 或 yarn test 可以执行测试动作,更多请参阅这里
  4. 编译项目执行 npm run build 或 yarn build
  5. 更多使用向导请插件这里

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python中文社区

Python通过抓包和使用cookie爬取微博完全讲解

專 欄 ❈邓旭东,Python中文社区专栏作者。 简书: http://www.jianshu.com/u/1562c7f16a04 ❈ 今天给大家录制了一个爬...

2888
来自专栏极乐技术社区

微信小程序入门《一》: 简 介、文本、事件、样式

小程序简介 原生APP和Web APP谁是未来的主流这个命题争了很多年,而原生APP最大的优势也就是对于系统控件接口和框架的调用能力比Web APP不知道高到哪...

2509
来自专栏杂烩

Http_load压力测试工具 原

    尝试过Spring的jmeter,不过好像有点难驾驭,测个文件url还行,但带个参数就各种问题不断了。

893
来自专栏前端知识分享

第211天:git和github的区别和使用详解

它是一个源代码管理工具,在一个项目中,凡是由开发人员编写的都算是源代码,源代码有必要管理起来,让源代码可以被追溯,主要记录每次变更了什么,谁主导这次变化。人为的...

1553
来自专栏地方网络工作室的专栏

打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!

打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧! 前言 对于初次基础mac或者linux的朋友来说,接收和使用命令行是一个比较困难的事情。但是,正如...

22810
来自专栏魏艾斯博客www.vpsss.net

宝塔面板和 Nextcloud 搭建私有云/网盘的过程记录

个人或者团队需要属于自己的私有云/网盘存储资料,用于分享用途,大家常用搭建的程序是 owncloud,但是也停止更新了。然后核心团队出来做了一个全新的私有云-N...

1.3K8
来自专栏bboysoul

ubuntu安装kali工具包

网上关于这方面的教程很多,大部分都是关于更换源的,今天我要推荐的方法原理一样,不过比较方便。今天要推荐的脚本是katoolin,它可以近似完美帮我们解决安装ka...

962
来自专栏Coco的专栏

【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序

3313
来自专栏开源优测

移动测试Appium开发环境搭建

移动测试Appium开发环境搭建 概述 本文主要分享移动测试Appium开发环境搭建所需要的主要工具、组件等,但并不详解的对每个工具、组件的安装进行详细的说明。...

2704
来自专栏向治洪

Hera-将小程序打包成移动APP的开发框架

继移动APP之后,小程序作为当前移动的有一个入口为大家所推崇,不管是微信的小程序还是支付宝的小程序,其实现的思路都是一致的,即通过一个宿主来运行相关的JS页面。...

6687

扫码关注云+社区