RN在Mac環境下搭建
阿新 • • 發佈:2018-11-21
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
前提必須有真機和模擬器在執行哦