本人部分內(nèi)容已過時(shí),詳見:https://zh-hans.reactjs.org/docs/create-a-new-react-app.html
1. 安裝 Node.js
Windows 用戶推薦安裝 LTS 版本的 node,使用最新版在安裝工具時(shí)可能會(huì)不成功,這可能是 npm 的版本問題導(dǎo)致的
2. 使用 npm 安裝 React
$ npm i -g create-react-app@1.5.2
i 表示安裝,-g 表示全局,@ 后面是指定安裝版本號(hào)。
3. 創(chuàng)建第一個(gè) app
$ create-react-app react-app
注意,react-app 是創(chuàng)建的 app 的名字
4. 運(yùn)行 app
進(jìn)入到剛才創(chuàng)建的 app 根目錄
$ cd react-app
運(yùn)行:
$ npm start
這將會(huì)在本機(jī)的 3000 端口運(yùn)行 React 程序,我們?cè)跒g覽器打開:http://localhost:3000/ ,將會(huì)看到初始化的 React 頁面。

5. Hello World
我們看看新建的 React app 文檔結(jié)構(gòu),有三個(gè)文件夾:node-modules,public,src。
我們把 src 文件夾里面的文件全部刪除,新建一個(gè) index.js 文件,寫入以下代碼:
import React from 'react';
import ReactDom from 'react-dom';
const element = <h1>Hello world!</h1>;
ReactDom.render(element, document.getElementById('root'))
刷新頁面,就能看到 Hello World! 頁面了。