官方 React 快速上手脚手架 create-react-app
来源:互联网 发布:戴尔游匣7557优化教程 编辑:程序博客网 时间:2024/05/16 15:27
此文简单讲解了官方 React 快速上手脚手架的安装与介绍。
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。
命令行中使用 npm 执行安装命令 npm install -g create-react-app
,注意需要添加 g 参数进行全局安装以及权限的问题。
安装后执行运行命令 npm start
即可在浏览器看到运行后的结果,并且已经实现了热加载的功能。
- Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;
- 运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;
- 执行
npm test 或 yarn test
可以执行测试动作,更多请参阅这里; - 编译项目执行
npm run build 或 yarn build
; - 更多使用向导请插件这里。
转载: http://www.imooc.com/article/17382
0 0
- 官方 React 快速上手脚手架 create-react-app
- React 快速上手脚手架 create-react-app
- react脚手架create-react-app
- create-react-app 脚手架不支持less解决方案
- 开发 react 应用最好用的脚手架 create-react-app
- 快速上手使用的基础脚手架webpack2-react-tools
- 使用Create-React-App脚手架创建antd-mobile开发环境
- 利用 Create React Native App 快速创建 React Native 应用
- create-react-app 脚手架打包hash值改为时间字符串格式
- React+Webpack快速上手指南
- React+Webpack快速上手指南
- React+Webpack快速上手指南
- React+Webpack快速上手指南
- Create-react-app 构建react环境
- Create-React-App创建React项目
- 使用Facebook的create-react-app快速构建React开发环境
- 利用命令快速构建react工程(create-react-app or nwb)
- react---学习笔记:使用create-react-app快速构建开发环境并创建项目
- 虚拟机桥接
- 遭遇php的in_array低性能问题
- 手机微信群控源代码
- C# 枚举和结构
- 如何写一个DOM加载完成的执行行数
- 官方 React 快速上手脚手架 create-react-app
- 个人记录-LeetCode 101. Symmetric Tree
- js移动表格数据和给表格数字排序
- 数据库连接池之c3p0
- HTML5无刷新修改URL:利用 History API 无刷新更改地址栏
- bom
- 二、stpringMVC mysql+jpa 篇
- Flask中如何简便从Request中提取请求的参数值
- 百度地图搜索(三)