1. 程式人生 > >RN在Mac環境下搭建

RN在Mac環境下搭建

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

brew install node
brew install watchman

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

注意:不要使用 cnpm!cnpm 安裝的模組路徑比較奇怪,packager 不能正常識別!

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://
npm.taobao.org/dist --global

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

Yarn、React Native 的命令列工具(react-native-cli)

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模組的下載。React Native 的命令列工具用於執行建立、初始化、更新專案、執行打包服務(packager)等任務。

npm install -g yarn react-native-cli

安裝完 yarn 後同理也要設定映象源:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

 安裝完 yarn 之後就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方庫名代替npm install 某第三方庫名

安裝Android studio 和Xcode

安裝webstrom

用react-native建立專案

react-native init AwesomeProject

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

執行專案:

cd AwesomeProject
react-native run-ios
或者
react-native run-android

前提必須有真機和模擬器在執行哦