因重新升級了系統,一步步搭建react-native環境。 1、安裝Homebrew 打開終端命令->ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" (註:ruby命令 ...
因重新升級了系統,一步步搭建react-native環境。
- 1、安裝Homebrew
打開終端命令->ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
(註:ruby命令蘋果系統自帶的,如果沒有則需安裝。)
等待安裝完成,輸入 brew -v是否已經安裝成功。
- 2、安裝curl
使用brew來安裝curl(也可以使用wget)->brew install curl(或brew install wget)
- 3、安裝nvm並授權
使用curl安裝->curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash 如圖:
提示~/.bash_profile文件不存在,先進入目錄->cd ~ 創建文件->touch .bash_profile(如果存在則不用創建),
然後打開文件->open .bash_profile。
然後把上面提示export開始到=>中間的的信息內容放到文件內,保存。退出終端重新打開。
檢測->nvm --version是否安裝成功(出現版本號則表示已經成功。)
- 4、安裝node.js
使用nvm安裝->nvm install node && nvm alias
default
node 如圖:
nvm 預設是從http://nodejs.org/dist/下載的, 國外伺服器, 連不上則會失敗,可以多試幾次,如果總是失敗。
試試用brew安裝->brew install node
安裝成功完後,檢測是否成功。- 5、安裝watchmam和flow
- 6、更新最新版本。
- 7、裝react-native
- 8、創建第一個應用
npm config set registry https://registry.npm.taobao.org
->npm config set disturl https://npm.taobao.org/dist
使用react native創建第一個應用->react-native init GloomHuProject(GloomHuProject是項目名稱) 等待幾分鐘就完成。如圖: 找到項目生成的目錄用xcode打開ios/GloomHuProject.xcodeproj,隨意修改index.ios.js看看內容,直接run運行。如圖: