1. 程式人生 > >React 快速上手腳手架 create-react-app

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

1 create-react-app簡介

為了快速地進行構建使用 React 的專案,FaceBook 官方釋出了一個無需配置的、用於快速構建開發環境的腳手架工具 create-react-app。
當然,如果你需要 React Native 的腳手架專案,可以檢視這裡:create-react-native-app

2 create-react-app 的安裝

命令列中使用 npm 執行安裝命令

npm install -g create-react-app

注意需要新增 g 引數進行全域性安裝以及許可權的問題。
然後執行

create-react-app 專案資料夾名

安裝後執行執行命令

npm start

即可在瀏覽器看到執行後的結果,並且已經實現了熱載入的功能。

3 需要注意的幾個點

  • Node 的版本必須 >= 4,推薦 Node >= 6 and npm >= 3;
  • 執行起來後瀏覽器已經實現了熱載入重新整理,修改程式碼儲存後瀏覽器會自動重新整理;
  • 執行 npm test 或 yarn test 可以執行測試動作,更多請參閱這裡
  • 編譯專案執行 npm run build 或 yarn build;

閱讀原文