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 条评论
登录 后参与评论

相关文章

来自专栏杂烩

Http_load压力测试工具 原

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

1383
来自专栏编程坑太多

「小程序JAVA实战」运行微信官方demo(四)

PS:本来都是搬砖的,我学习新技术的思路就是多看他的demo,有的放矢,先看demo哪里不理解查看官方的api介绍,想完成某个功能看看demo里面有没有对应的,...

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

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

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

1.7K8
来自专栏Python中文社区

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

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

3498
来自专栏菜鸟计划

webpack前言:前端模块系统的演进

前端开发和其他开发工作的主要区别,首先是前端是基于多语言、多层次的编码和组织工作,其次前端产品的交付是基于浏览器,这些资源是通过增量加载的方式运行到浏览器端, ...

3655
来自专栏张戈的专栏

替代crontab,统一定时任务管理系统cronsun简介

摘 要 cronsun 是一个分布式任务系统,单个节点和 Linux 机器上的 crontab 近似。是为了解决多台 Linux  机器上 crontab 任...

1.8K13
来自专栏前端儿

移动前端页面与Chrome的远程真机调试

前几日刚入手新手机小米5,系统真心流畅呀。为啥要买小米5呢,因为要提高生产力呀,好好玩移动前端开发呀哈哈哈

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

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

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

26210
来自专栏Seebug漏洞平台

从老漏洞到新漏洞---iMessage 0day(CVE-2016-1843) 挖掘实录

文/SuperHei(知道创宇404安全实验室) 2016.4.11 注:文章里“0day”在报告给官方后分配漏洞编号:CVE-2016-1843 一、背景 在...

3495
来自专栏极乐技术社区

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

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

2689

扫码关注云+社区

领取腾讯云代金券