React Native iOS環境搭建 高階版

2021-07-09 22:44:48 字數 1763 閱讀 7952

前段時間react native for android發布,感覺react native會越來越多的公司開始研究、使用。所以也抽空搭建了ios的開發環境,以便以後利用空閒的時間能夠學習一下。 

廢話不多說了,下面簡單的列出步驟吧。 

1. 安裝homebrew 

homebrew主要用於安裝後面需要安裝的watchman、flow 

開啟mac的終端,輸入如下命令: 

ruby -e "$(curl -fssl " 

2. 安裝nvm和nodejs 

nvm是用於nodejs版本管理的工具,用於安裝nodejs。 

對於nvm應該可以使用brew直接安裝,但是我沒有用這個安裝,讀者可以自己使用如下命令試試: 

brew install nvm 

我使用的另一種方式,在終端中輸入如下的命令: 

curl -o- | bash 

這個命令按照官方的說明,應該會自動配置好環境,能夠在任何的終端中使用nvm命令,但是我安裝完了事不可以的。需要做額外的工作,需要在~/.bashrc, ~/.profile, ~/.zshrc檔案中(如果沒有自己建立),新增如下的一行語句: 

. ~/.nvm/nvm.sh 

這樣就能夠在任意的終端中使用nvm命令了。 

然後執行如下的命令: 

nvm install node && nvm alias default node 

這個用於安裝nodejs和npm。npm用於nodejs包依賴管理的工具。 

3. 安裝watchman 

watchman是用於監聽檔案變化的工具,應該是用於監聽檔案變化,然後介面做出響應。執行如下命令: 

brew install watchman

4. 安裝flow 

flow我個人理解的是用於靜態分析js語法錯誤的工具,能夠更早的js的語法錯誤。執行如下的命令: 

brew install flow 

提示   -bash: npm: command not found 

重新安裝npm: 

brew install node . 該命令執行後,自動裝好node和npm。

brew upgrade node 更新node

到這裡基本的環境就配置好了,下面建立乙個ios的例子,在終端中將目錄切換到你儲存工程的目錄,然後執行如下的命令

npm install-g react-native-cli  

react-native init awesomeproject

cd awesomeproject/

第二個命令第一次執行會執行很長時間,因為需要安裝許多東西。然後再終端輸入如下命令開啟工程: 

open ios/awesomeproject.xcodeproj
這樣就開啟了ios的工程,執行一下就能看到模擬器中的介面。 

下面試著修改index.ios.js中的文字,然後在模擬器上按cmd+r,這樣能夠看到修改馬上就呈現到模擬器上了。

嘗鮮就到此為止了,以後還得努力學習react native,期待以後的文章吧。

React Native iOS環境搭建

1.安裝homebrew homebrew主要用於安裝後面需要安裝的watchman flow 開啟mac的終端,輸入如下命令 ruby e curl fssl 2.安裝nvm和nodejs nvm是用於nodejs版本管理的工具,用於安裝nodejs。對於nvm應該可以使用brew直接安裝,但是我...

React Native iOS推送整合

首先是ios推送流程,這篇文章有了比較詳細的描述,大家可以了解一下 ios推送流程 而本文主要是針對的需求是在已擁有自己的推送伺服器的情況下,怎麼在js端獲取已註冊的device token,並將其交由後台去儲存。今後的推送流程就是,當有訊息需要推送時,後台呼叫推送伺服器相應介面傳遞訊息,推送伺服器...

React Native iOS環境搭建

react native 開發環境配置 前段時間react native for android發布,感覺react native會越來越多的公司開始研究 使用。所以週六也抽空搭建了ios的開發環境,以便以後利用空閒的時間能夠學習一下。廢話不多說了,下面簡單的列出步驟吧。1.安裝homebrew h...