搭建開發(fā)環(huán)境
1) 安裝Homebrew
訪問brew.sh
打開MAC的終端,輸入如下命令:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安裝Homebrew 看到 Run `brew help` to get started
就可以使用brew命令安裝相關(guān)的配置
brew -v 命令 可看安裝好的版本
安裝nvm? nvm是用于nodejs版本管理的工具
打開MAC的終端黄选,輸入如下命令:brew install nvm
根據(jù)終端里面的提示執(zhí)行3個步驟的命令
最后輸入命令 ?nvm 就會顯示相關(guān)的幫助信息拗盒,代表安裝成功了
另一種方式识椰,在終端中輸入如下的命令:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
之后需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果沒有自己創(chuàng)建 在終端用 touch ?命令新建文件)猴抹,添加如下的一行語句:
. ~/.nvm/nvm.sh
這樣就能夠在任意的終端中使用nvm命令了整陌。
2) 安裝node.js 和 npm
MAC的終端划纽,輸入如下命令:
nvm install node && nvm alias default node
然后根據(jù)終端里面提示執(zhí)行命令(run后面提示的命令) 脆侮,沒有提示就不需要執(zhí)行?
node -v ? 看版本
npm -v ?看版本?
3) 通過Homebrew安裝watchman和flow
watchman應(yīng)該是用于監(jiān)聽文件變化,然后界面做出響應(yīng)勇劣。執(zhí)行如下命令:
brew install watchman
然后根據(jù)終端里面提示執(zhí)行命令(run后面提示的命令) 靖避,沒有提示就不需要執(zhí)行
4) 通過npm安裝react-native
MAC的終端,輸入如下命令:
react-native
You did not pass any commands, did you mean to run `react-native init`?
代表載入成功
遇到問題
1)Homebrew安裝時”-bash:brew:command not found”
1.打開終端獲取管理員權(quán)限
2.跳轉(zhuǎn)至/etc下修改profile文件
3.用vim打開比默,在profile文件最后添加如下語句:
PATH=“.;$PATH:/usr/local/bin”
注意幻捏,若以前修改過該文件,或者PATH中已有多個路徑命咐,只需在后面添加即可篡九,使用:隔開。
4.好了醋奠,保存退出后榛臼,再次鍵入brew命令,有驚喜發(fā)生窜司!
2)安裝node時候沛善,顯示“-bash: brew: command not found”
因為沒安裝Homebrew
新建項目
(1)創(chuàng)建一個空項目命令:
1)npm install -g react-native-cli
react-native-cli 是完成剩余安裝的命令行工具。它是通過 npm 安裝的塞祈。這將會在你的終端里面安裝react-native這個命令行金刁,只需要做一次即可。
2)react-native init HelloWorld
項目創(chuàng)建如果慢的話议薪,可以編輯 ~/.npmrc (如果沒有就自己創(chuàng)建 在終端用 touch? 命令新建文件)加入下面內(nèi)容后重啟終端再創(chuàng)建項目
registry=https://registry.npm.taobao.org (只要設(shè)置一次尤蛮,以后會自動關(guān)聯(lián)到這個鏡像)
(2)找到創(chuàng)建的HelloWorld項目,雙擊HelloWorld.xcodeproj即可在xcode中打開項目。xcodeproj是xcode的項目文件笙蒙。
(3)在xcode中抵屿,使用快捷鍵cmd + R即可啟動項目⊥蔽唬基本的Xcode功能可以熟悉轧葛,比如模擬器的選擇等搂抒。
啟動完成后,你會看到React-Packger和iOS模擬器