React Native ——環境配置

簡介：

React Native使你能夠在Javascript和React的基礎上獲得完全一緻的開發體驗，建構世界一流的原生APP。

React Native着力于提高多平台開發的開發效率 —— 僅需學習一次，編寫任何平台。(Learn once, write anywhere)

Facebook已經在多項産品中使用了React Native，并且将持續地投入建設React Native。

環境配置：

1,Homebrew安裝

我們可以通過它擷取并安裝很多元件，安裝方式：

通過指令執行brew -v 檢視brew是否安裝成功。

2，安裝nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0/install.sh | bash
           

nvm –version 檢視版本

3,安裝node.js

4,安裝watchman

用于監控bug檔案

brew install watchman
           

5,安裝flow

brew install flow
           

6,原生環境安裝

7,React Native 安裝

8,建立第一個應用

react-native init Test
           

9，運作

版本更新

查詢react-native的npm包得最新版本

打開項目的package.json檔案 将react native版本修改成最新的

執行npm install

項目運作

在真機上 dev Settings 》debug server host >你的ip:8081

小米手機上要給權限 允許懸浮窗

Debug 調試

chrome :http://localhost:8081/debugger-ui

點選 debug js remotely

option+cammod+i打開控制台