1.安裝Homebrew，簡稱brew，是Mac OSX上的軟件包管理工具，能在Mac中方便的安裝軟件或者卸載軟件

?

2.安裝node，brew?install?node

?

3.使用 homebrew 安裝 watchman，一個(gè)來自Facebook 的觀察程序，通過配置 watchman，React 實(shí)現(xiàn)了在代碼發(fā)生變化時(shí)，完成相關(guān)的重建的功能：

brew install watchman

?

安裝flow－提供靜態(tài)語法檢查，自動(dòng)補(bǔ)全：

brew install flow

?

4.React Native 有很多的依賴，需要在運(yùn)行之前安裝好。在 React Native 文件目錄下打開一個(gè)終端，執(zhí)行下面代碼：

npm?install

?

5.這里通過 Node 包管理器抓取到項(xiàng)目的所有依賴；功能上和 CocoaPods 或者 Carthage 類似。成功執(zhí)行該命令后，你會(huì)發(fā)現(xiàn)一個(gè) node_modules 文件夾被創(chuàng)建，包含了各種外部依賴。

?

6.npm?start

?

7.初始化項(xiàng)目

react-native init AwesomeProject

cd AwesomeProject

react-native run-ios

?

運(yùn)行效果：

?

IDE：

Atom+Nuclide（官方推薦）

Atom插件：

Nuclide 是 Facebook 推出的一套基于 Atom 的開發(fā)工具集。用于開發(fā)基于 Hack 的 Web 應(yīng)用。提供自動(dòng)完成和 JavaScript 類型檢查，內(nèi)建 React 開發(fā)支持，并支持 Facebook 最新的 React Native 庫，支持 Facebook 的 Flow JavaScript 類型檢查器。

直接以插件的形式安裝nuclide

?

atom-beautify：Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom

?

Atom HTML Preview

?

轉(zhuǎn)載于:https://www.cnblogs.com/myswift-lhq/p/5751918.html

總結(jié)

以上是生活随笔為你收集整理的React Native开发环境搭建的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。