一、環境需求
1.1 安裝Homebrew
Homebrew是OS X的套件(包)管理器,用于安裝Node.js和一些其他必須的工具軟件。
安裝方式:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1.2 安裝npm 和 Node.js
Node.js最好安裝5.0及其以上更高版本,node安裝成功后npm自動也就有了,直接下載安裝Node.js,網址:https://nodejs.org/en/download/ (資料中已有)。
brew install node
1.3 安裝WatchMan
WatchMan是由Facebook提供的監視文件系統變更的工具。安裝此工具可以提高開發時的性能(packager可以快速捕捉文件的變化從而實現實時刷新)。
安裝方式:
brew install watchman
1.4 安裝Flow
flow是一個 JavaScript 的靜態類型檢查器。這一語法并不屬于ES標準,只是Facebook自家的代碼規范。所以新手可以直接跳過(即不需要安裝這一工具,也不建議去費力學習flow相關語法)。
brew install flow
二、React Native安裝
2.1 Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用于執行創建、初始化、更新項目、運行打包服務(packager)等任務。
npm install -g yarn react-native-cli
三、React Native 應用
3.1 初始化一個應用
react-native init 項目名稱
四、管理React Native庫的版本
在開發中,會經常的去控制React Native的版本庫,得以適配各種條件下的開發,那該如何查看、控制ReactNative的版本呢?
4.1 查看本地的React Native的版本
命令行輸入
react-native --version
4.2 更新本地的React Native的版本
命令行輸入
npm update -g react-native-cli
4.3 查詢react-native的npm包最新版本
NPM的全稱是Node Package Manager ,是一個NodeJS包管理和分發工具,已經成為了非官方的發布Node模塊(包)的標準。
npm包地址 :
https://www.npmjs.com/package/react-native
命令行查詢
npm info react-native
4.4 升級或者降級npm包的版本
npm install --save react-native@0.18
4.5 更新項目templates文件
新的npm包會包含更新在運行react-native init命令生成的一些動態文件,例如init創建項目的時候會生成iOS和Android的子項目,我們可以通過以下的命令進行獲取最新的代碼
命令行查詢
react-native upgrade