官方 React 快速上手腳手架 create-react-app

此文簡單講解了官方 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。

2. create-react-app 的安裝

命令行中使用 npm 執行安裝命令 npm install -g create-react-app，注意需要添加 g 參數進行全局安裝以及權限的問題。

安裝后執行運行命令 npm start 即可在瀏覽器看到運行后的結果，並且已經實現了熱加載的功能。

3. 需要注意的幾個點

• Node 的版本必須 >= 4，推薦 Node >= 6 and npm >= 3；
• 運行起來后瀏覽器已經實現了熱加載刷新，修改代碼保存后瀏覽器會自動刷新；
• 執行 npm test 或 yarn test 可以執行測試動作，更多請參閱這里；
• 編譯項目執行 npm run build 或 yarn build；
• 更多使用向導請插件這里。