天天看點

RN在Mac環境下開發環境搭建

1.推薦使用Homebrew來安裝 Node 和 Watchman。在指令行中執行下列指令安裝:

如果你已經安裝了 Node,請檢查其版本是否在 v8.3 以上。安裝完 Node 後建議設定 npm 鏡像以加速後面的過程(或使用科學上網工具)。

注意:不要使用 cnpm!cnpm 安裝的子產品路徑比較奇怪,packager 不能正常識别!

Watchman則是由 Facebook 提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的性能(packager 可以快速捕捉檔案的變化進而實作實時重新整理)。

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 子產品的下載下傳。React Native 的指令行工具用于執行建立、初始化、更新項目、運作打包服務(packager)等任務。

安裝完 yarn 後同理也要設定鏡像源:

 安裝完 yarn 之後就可以用 yarn 代替 npm 了,例如用<code>yarn</code>代替<code>npm install</code>指令,用<code>yarn add 某第三方庫名</code>代替<code>npm install 某第三方庫名</code>。

安裝Android studio 和Xcode

安裝webstrom

用react-native建立項目

!!!注意!!!:init 指令預設會建立最新的版本,而目前最新的 0.45 及以上版本需要下載下傳 boost 等幾個第三方庫編譯。這些庫在國内即便FQ也很難下載下傳成功,導緻很多人<code>無法運作iOS項目</code>!!!中文網在論壇中提供了這些庫的國内下載下傳連結。如果你嫌麻煩,又沒有對新版本的需求,那麼可以暫時建立<code>0.44.3</code>的版本。

運作項目:

前提必須有真機和模拟器在運作哦