Mac配置PhoneGap開發(fā)環(huán)境

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

美到窒息

在有關(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)的樣子。

Paste_Image.png

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í)行:

  1. cordova create 項目名 ,此時PhoneGap夾下出現(xiàn)項目文件夾,文件夾結(jié)構(gòu)如下圖:
真是難得一見的女狗婊
  • www文件夾下放的就是js文件,css樣式和html頁面
  • platform文件下放的是iOS和android的項目

但是剛創(chuàng)建好的項目platform文件夾下是空的,添加iOS和android項目需要執(zhí)行:

  1. 'cd 項目名'
  2. cordova platform add ios或android
添加iOS項目
添加android項目

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

感動到哭

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

碧央絲成功上身
布蘭妮也成功上身
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容