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还行,但带个参数就各种问题不断了。

683
来自专栏静下来

discuz修改游客发帖隐藏ip的方法

discuz游客发帖,默认是显示ip前面3段的,也就是显示为127.0.0.x。 既然选择了游客发帖,我们也可以尽量的保护游客的ip不被泄漏。 那就修改disc...

2935
来自专栏编程坑太多

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

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

1063
来自专栏前端知识分享

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

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

1353
来自专栏Seebug漏洞平台

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

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

2915
来自专栏bboysoul

ubuntu安装kali工具包

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

852
来自专栏张戈的专栏

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

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

84913
来自专栏mathor

协议常识

 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准 ...

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

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

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

20710
来自专栏康怀帅的专栏

SSH 隧道与转发内网穿透(转载)

大家都知道 SSH 是一种安全的传输协议,用在连接服务器上比较多。不过其实除了这个功能,它的隧道转发功能更是吸引人。下面是个人根据自己的需求以及在网上查找的资料...

4285

扫码关注云+社区