研究RN 有段時(shí)間了,今天想停下來(lái)寫(xiě)代碼,來(lái)總結(jié)一些東西放案。
首先搭建RN 開(kāi)發(fā)環(huán)境(mac環(huán)境下 命令行輸入)
1.安裝Homebrew
Homebrew是macOS 不可或缺的套件管理器
安裝方式:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安裝npm和Node.js
安裝好Node.js后npm 自動(dòng)就有了
安裝Node.js,網(wǎng)址安裝網(wǎng)址
3.安裝watchman
watchman 百度百科對(duì)它的描述是:一款屢獲殊榮的系統(tǒng)安全軟件,提供文件保護(hù)歪玲、應(yīng)用程序使用日志、訪問(wèn)控制管理等功能,能夠停止非法程序的運(yùn)行爬坑、鎖定文件或文件夾、保護(hù)軟件配置,以及監(jiān)控程序使用情況!
安裝方式:brew install watchman
4.安裝Flow
flow 是一個(gè)JavaScript 的靜態(tài)類(lèi)型檢查器怕品,可以方便的找出代碼中可能存在的類(lèi)型錯(cuò)誤
安裝方式:brew install flow(提示 command not found)的時(shí)候在前面加上sudo
5.React Native 安裝
安裝方式:nam install -g react-native-cli
6.分別安裝Xcode 8 和android studio(此處不解釋)
7.安裝Genymotion(android 模擬器)
安裝地址Genymotion
8.用React Native 生成第一個(gè)應(yīng)用
在命令行輸入 react-native init 項(xiàng)目名稱(chēng) (網(wǎng)絡(luò)狀況影響創(chuàng)建速度妇垢,耐心等待一下) 還有一個(gè)替換鏡像的辦法可能會(huì)快點(diǎn) npm config set disturl https://npm.taobao.org/dist
9.結(jié)束語(yǔ)
當(dāng)然開(kāi)發(fā)RN 的話還需要安裝webstorm 貼上我第一次運(yùn)行成功的圖(Xcode)