在mac osx安裝phonegap cordova(上)

安裝過程純紀錄用,儘量寫得很粗淺避免本人日後老人癡呆看不懂
當然會繼續編輯,因為還沒全部裝成功orz

先安裝node js。
過程沒什麼好說的,照著走就對了。
http://nodejs.org/

打開終端機 (terminal),輸入 $ sudo npm install -g cordova
註1. 如果終端機上已有 $ 字號,就不要再打一次,否則會永遠送你 -bash: $: command not found ... (某滋一直卡在這關過不了…)
註2. 是 cordova 不是 phonegap,如果打 $ sudo npm install -g phonegap 會裝到舊版的phonegap,當然後面也會什麼都做不了囧rz
sudo 是以其他用戶身份執行命令
npm 是節點程序包管理器(這是啥…)
bash = GNU Bourne-Again SHell

終於…安裝好了,來開個資料夾吧!
但老實說資料夾會在哪邊生出來對我來說是個謎,於是以下對話出現了….
滋:「資料夾會生在哪裡?」
瓜:「終端機的位置」
滋:「終端機?終端機不是在應用程式底下的工具程式裡面嗎?」
(內心OS:我到時候怎麼抓檔案…)
瓜:「…誰跟你工具程式!」(某滋被巴頭)
….誰說工程師很溫柔的(聽誰講的?)
咳,總之在終端機打上 $ pwd 就可以知道目前的位置這樣…
通常應該在 /Users/帳戶名字/ 的底下
$ pwd是什麼? 就是列出目前的工作目錄

接著建立資料夾,來來來我們打上
$ cordova create hello com.example.hello HelloWorld
$ cordova 就是 cordova 他本人
第一個參數 hello 生成的目錄,最外層的目錄
注意:不要用跟現有資料夾一樣的命名
第二個參數 com.example.hello 為專案提供了一個反向域樣式識別碼
(The second argument com.example.hello provides your project with a reverse domain-style identifier. )
HelloWorld = APP名稱

這時候終於出現資料夾惹…..
接著增加要編譯的平台,但要注意的是剛剛建立了什麼資料夾,
之後就要在那個資料夾裡面做,不然就像這樣:(這位太太真的很無聊)
$ cd what
-bash: cd: what: No such file or directory

$ cd 是什麼?就是改變工作目錄的意思。
像我要移動到 hello 這個目錄,就寫 $cd hello

看APP做好後要放到哪些平台上架,我的話就是 Google Play 跟 APP store。
文件裡有可支援的清單:
http://docs.phonegap.com/en/edge/guide_platforms_index.md.html#Platform%20Guides

先建立ios資料夾…. 輸入 $ cordova platform add ios
上面這句意思是:cordova 在 platform 資料夾建立 ios 資料夾。
終端機會告訴你:
Downloading cordova library for ios...
Download complete
Creating ios project...

建立後的資料夾結構長這樣
add
再給他一個 build 資料夾$ cordova build ios
如果成功運作,會跑一堆路徑之類的文字表示在建立資料,
最後顯示 ** BUILD SUCCEEDED **
資料夾結構(跟上圖比,多一個 build 資料夾
bulid

註:找對資料夾很重要,因為錯了會一直看到這句:
Current working directory is not a Cordova-based project.


android 部分由於還在卡關中所以下回分曉…
要在 osx 建立環境好麻煩我哭哭

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *