前言
萬事開頭難,當開始了以後,你就邁上了成功的道路
1. 項目創建
- 創建準備,安裝必須的軟件
1.官方推薦安裝Homebrew
它是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件,相當於linux下的apt-get、yum。安裝很簡單,只需要打開終端輸入如下命令:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安裝node.js
它是一個基於 Chrome V8 引擎的 JavaScript 運行環境,使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效,它的包管理器 npm,是全球最大的開源庫生態系統。可以直接官網下載node.js進行安裝,這裏直接用命令安裝。
brew install node
注意:安裝完node.js後,官方建議安裝鏡像,畢竟國內牆比較高。(淘寶鏡像)
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
3.安裝Yarn、React Native的命令行工具
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。安裝命令如下:
npm install -g yarn react-native-cli
安裝完yarn後同理也要設置鏡像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
4.android SDK 與 Java JDK 安裝配置
android SDK,Java JDK是Android開發必須安裝的工具包; SDK可以從Android SDK官網下載。JDK可以從Oracle官網下載。配置方法如下:
- Windows
我的電腦->右擊屬性->高級設置變量->環境變量->系統變量->Path目錄,在path目錄中設置:
ANDROID_HOME:安裝的SDK目錄(我的 E:\Library\Android\sdk)
JAVA_HOME:安裝的JDK目錄(我的 E:\Java\jdk1.7.0)
Path:變量值最後輸入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
Mac OS
可以直接命令編輯
1.vim打開profile文件
sudo vim /etc/profile;有密碼輸入密碼,
2.按鍵盤“i”鍵,進入插入模式,編輯如下:
ANDROID_HOME="/Users/zhaoyingchao/Library/Android/sdk"
export ANDROID_HOME
JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_45.jdk/Contents/HomeContents/Home"
export JAVA_HOME
CLASS_PATH="$JAVA_HOME/lib"
PATH=".$PATH:$JAVA_HOME/bin"
3.按ESC,進入保存, 輸入 :wq! 保存
4.運行profile配置
source /etc/profile
注意:
1.JDK官網建議最好是1.8以上。
2.Android SDK 可以直接在安裝了Android Studio之後再安裝,在AS的SDK Manager中添加需要的SDK,我比較推薦這種方法。
- 開始創建
1.初始化項目
react-native init MyProject
注意:
1.init命令默認會創建最新的版本,而目前最新的0.45及以上版本需要下載boost庫編譯。此庫體積龐大,在國內即便翻牆也很難下載成功,導致很多人無法正常運行iOS項目,中文網在論壇中提供了這些庫的國內下載鏈接。如果你嫌麻煩,又沒有對新版本的需求,那麼可以暫時創建0.44.3的版本。(引自官網)
2.你可以使用–version參數(注意是兩個槓)創建指定版本的項目。例如react-native init MyApp –version 0.44.3。注意版本號必須精確到兩個小數點。(引自官網)
2.運行項目
cd MyProject
react-native run-ios