1.安裝Homebrew
homebrew是OS X的套件管理器
安裝方式:
復制:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"到終端,回車執(zhí)行。驗證安裝成功與否:
終端鍵入brew -v出現(xiàn)如下圖則表示安裝成功:

有關(guān)homebrew更多的用法請點擊這里或者這里
2.安裝Node.js
- 安裝方式:
來到官網(wǎng)下載界面,選擇對應版本自動下載。

在有關(guān)React Native配置環(huán)境中的那個地址不一樣,主頁上的是最新版本。
下載的pkg格式文件點擊安裝即可。
安裝了node.js自動就有了npm,npm是node的模塊管理器,npm的背后有一個強大的數(shù)據(jù)庫,里面存儲了每個包的詳細信息(版本、授權(quán)信息等)。
- 更新npm方式:
sudo npm install npm -g
3.安裝Cordova
- 安裝方式:
終端鍵入:sudo npm install -g cordova,回車,漫長等待。如下圖:

注:我的已經(jīng)安裝好了,所以再安裝后的界面可能不一樣,But Nobodycares,如果沒記錯的話第一次安裝成功是一大長串目錄結(jié)構(gòu)的樣子。

3.遇到的問題
就如上圖所示,再安裝cordova過程中會遇到如下警告(不影響安裝,可以不care):
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
- 解決辦法(2種):
1 升級minimatch到3.0.2:
a. 終端鍵入npm update minimatch@3.0.2
b. 然后,npm update -d

2 全部重安裝
a. 終端鍵入npm update minimatch
b. 然后鍵入npm -v minimatch
c. 最后鍵入npm install -g npm@3
創(chuàng)建第一個PhoneGap項目(前提是安裝好了Xcode和Android Studio)
我喜歡把項目放在一個文件夾中,就在桌面創(chuàng)建了一個文件夾PhoneGap
cd到這個文件夾,執(zhí)行:
-
cordova create 項目名,此時PhoneGap夾下出現(xiàn)項目文件夾,文件夾結(jié)構(gòu)如下圖:

- www文件夾下放的就是js文件,css樣式和html頁面
- platform文件下放的是iOS和android的項目
但是剛創(chuàng)建好的項目platform文件夾下是空的,添加iOS和android項目需要執(zhí)行:
'cd 項目名'cordova platform add ios或android


此時瑪當娜成功上身,platform文件夾不再是空的,如下:

用Xcode 和Android Studio就可以直接運行項目了惹,在未做修改的的處女項目運行成功后截圖如下:

