一、環(huán)境需求
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:
該空間用于監(jiān)控bug和文件變化，并且可以觸發(fā)指定的操作
安裝方式：
brew install watchman
安裝完成出現(xiàn)：
1.4、安裝Flow:
flow是一個(gè)JavaScript的靜態(tài)類型檢查器，建議安裝，方便找到代碼中可能存在的錯(cuò)誤
安裝方式：
brew install flow
二：React Native安裝
1.1、安裝ReactNative :
sudo npm install -g react -native-cli
三：iOS開(kāi)放環(huán)境需求
Xcode 7及其以上版本
四：React Native使用
1：執(zhí)行命令，生成一個(gè)項(xiàng)目
React-native init項(xiàng)目名稱
注意：react-native命令會(huì)從npm官方源拖代碼會(huì)，可以將npm倉(cāng)庫(kù)替換為國(guó)內(nèi)鏡像
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
查詢r(jià)eact-native的npm包最新版本地址：
npm包地址：https://www.npmjs.com/package/react-native
命令查詢:npm
info react-native
升級(jí)或者降級(jí)npm包的版本：npm install --save react-native@xx(版本號(hào))
五：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復(fù)制到~/Library/Preferences/WebStorm11/templates重啟
WebStrom
使用方法
通用方法
直接輸入組件或Api名稱的首字母,
比如想要View,只要輸入V自動(dòng)提示代碼里就會(huì)看到View
StyleSheet屬性提示
首先 按下command + J,
然后輸入屬性名的首字母
如: 輸入f,會(huì)自動(dòng)提示
fontSize,fontFamily,fontStyle...等等
