一、環境需求

1.1、安裝HomeBrew

安裝方式

ruby

-e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

1.2、安裝npm和Node.js :

Node.js安裝地址：

https://nodejs.org/en/download/

安裝位置：

Node.js was installed at

/usr/local/bin/node

npm was installed at

/usr/local/bin/npm

Make sure that /usr/local/bin is in your $PATH.

1.3、安裝WatchMan:

該空間用于監控bug和文件變化，并且可以觸發指定的操作

安裝方式：

brew install watchman

安裝完成出現：

1.4、安裝Flow:

flow是一個JavaScript的靜態類型檢查器，建議安裝，方便找到代碼中可能存在的錯誤

安裝方式：

brew install flow

二：React Native安裝

1.1、安裝ReactNative :

sudo npm install -g react -native-cli

三：iOS開放環境需求

Xcode 7及其以上版本

四：React Native使用

1：執行命令，生成一個項目

React-native init項目名稱

注意：react-native命令會從npm官方源拖代碼會，可以將npm倉庫替換為國內鏡像

npmconfig set registry?https://registry.npm.taobao.org

npmconfig set disturb?https://npm.taobao.org/dist

React Native操作命令：

查看版本:react -native--version

更新本地版本：npm update -g react-native-cli

查詢react-native的npm包最新版本地址：

npm包地址：https://www.npmjs.com/package/react-native

命令查詢:npm

info react-native

升級或者降級npm包的版本：npm install --save react-native@xx(版本號)

五：WebStrom下載地址：

http://www.jetbrains.com/webstorm/download/download-thanks.html?platform=mac

六：WebStrom下的代碼提示工具

git下載xml插件：

git

clonehttps://github.com/virtoolswebplayer/ReactNative-LiveTemplate

Mac下安裝

將ReactNative.xml復制到~/Library/Preferences/WebStorm11/templates重啟

WebStrom

使用方法

通用方法

直接輸入組件或Api名稱的首字母,

比如想要View,只要輸入V自動提示代碼里就會看到View

StyleSheet屬性提示

首先 按下command + J,

然后輸入屬性名的首字母

如: 輸入f,會自動提示

fontSize,fontFamily,fontStyle...等等