React系列之从一个脚手架开始说起:create-react-appReact系列之从一个脚手架开始说起:create

React的全家桶实在太过于庞大。如果初学者想直接品味React的魅力，这里介绍一个官方的脚手架。使用方法特别简单。

create-react-app

大概使用方法

安装

npm install -g create-react-app

创建一个app

create-react-app my-app
cd my-app/

文件结构：

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
└── src
    └── App.css
    └── App.js
    └── App.test.js
    └── index.css
    └── index.js
    └── logo.svg
    └── registerServiceWorker.js

启动应用：

npm start

用浏览器打开 http://localhost:3000/ 就可以直接看到你的应用了。

如果你想打包你的应用：

npm run build

特点

不需要配置；
对 React, JSX, ES6 和 Flow 可以直接编译；
开发服务器；
浏览器热加载的功能；
JavaScript 文件中可以直接 import CSS 和图片；
自动处理 CSS 的兼容问题，无需添加 -webkit 前缀；
集成好了编译命令，编译后直接发布成产品，包含 sourcemaps。

哎哟，路边又捡了一个叫 create-react-native-app 的脚手架:

create-react-native-app