1. 程式人生 > >React Native環境搭建

React Native環境搭建

前話

開發前第一件事無非就是先搭建開發環境,React Native的開發環境搭建在官方文件上已經介紹的很詳細了,所以下面簡單的介紹一下整個過程。

正文

  1. 安裝 Homebrew
    開啟終端,輸入命令:
    ruby -e "$(curl -fsSL
    https://raw.githubusercontent.com/Homebrew/install/master/install)"
    進行 Homebrew 的安裝。如果安裝出錯,可以詳細見官方網站介紹。

  2. 使用 Homebrew 安裝 Node.js
    使用命令:brew install node進行 Node.js 的安裝,Node.js必須要4.0以上的版本(包括4.0)。

  3. 安裝 Watchman(可選)
    Watchman 是 Facebook 開源的一個檔案監控服務,它用來監控和記錄檔案什麼時候被修改,也可以捕捉對應檔案改變的事件(action)。React Native 用它來檢測程式碼變化,以便重新編譯。如果想了解 Watchman 的更詳細使用,可以檢視官網文件
    通過命令:brew install watchman來安裝

  4. 安裝 flow(可選)
    安裝命令:brew install flow
    flow Facebook開源的一個 JavaScript 靜態型別檢查器,它用來檢測 JS 程式中的型別錯誤,以提高程式設計師的效率和程式碼質量,一個簡單的使用可以參考我的另外一篇文章:

    flow的簡單使用

  5. 安裝React Native CLI工具
    命令:npm install -g reacti-native-cli
    說明:NPM的全稱是Node Package Manager,是一個NodeJS包管理和分發工具。它能夠讓你更容易地下載和管理專案所需的任何相關項。

這樣,就算初步完成了。
注:facebook建議週期性的使用brew update && brew upgrade命令來保證我們的程式是最新版本。