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

相关文章

来自专栏Java学习之路

Struts2学习---namespace,file模块包含,默认action

我们上一节已经将action基本的配置和使用讲了,接下来我们讲以下struts一些小知识点: namespac: 上一节学习action的时候我们访问我们j...

3056
来自专栏技术博文

Cookie禁用了,Session还能用吗?详解

Cookie与 Session,一般认为是两个独立的东西,Session采用的是在服务器端保持状态的方案,而Cookie采用的是在客户端保持状态的方案。但为什么...

3236
来自专栏Hongten

python开发_IDEL(Python GUI)的使用方法

在这篇blog"Python开发_python的安装"里面你会了解到python的安装。

772
来自专栏小白安全

小白博客 迷你音乐播放器及实现全站pjax无刷新加载

演示截图: ? 请点击此处输入图片描述 ? 请点击此处输入图片描述 使用教程,下载播放器文件,直接上传压缩包至你的网站根目录,然后解压到根目...

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

打造前端 Deepin Linux 工作环境——系统更新以及配置字体

打造前端 Deepin Linux 工作环境——系统更新以及配置字体 安装好编辑器,然后就准备码代码了,但是感觉字体不是很好看。所以决定配置一下字体。顺便把系统...

2586
来自专栏Java架构师历程

Android APK反编译就这么简单 详解(附图)

在学习Android开发的过程你,你往往会去借鉴别人的应用是怎么开发的,那些漂亮的动画和精致的布局可能会让你爱不释手,作为一个开发者,你可能会很想知道这些效果界...

1021
来自专栏搞前端的李蚊子

三分钟使用webpack-dev-sever搭建一个服务器

webpack-dev-server是一个小型的Node.js Express服务器,我们可以通过它搭建一个本地服务器,并且实现文件热更新; 1.切换到你的目录...

3518
来自专栏偏前端工程师的驿站

Eclipse魔法堂:修改主题

一、前言                                   习惯黑色主题,而Eclipse默认的白底主题显然不是我的菜,下面一起来修改主题吧!...

1736
来自专栏hadoop学习笔记

大快DKH大数据网络爬虫安装教程(详细图文步骤)

爬虫安装前准备工作:大快大数据平台安装完成、zookeeper、redis、elasticsearch、mysql等组件安装启动成功。

733
来自专栏Kotlin源码阅读

Android Studio环境查看hide和internal api

在Android开发环境中,我们经常会看一些Android Framework源码,比如说我们想看一下Toast的实现原理。

3207

扫码关注云+社区