視頻:http://www.tudou.com/programs/view/sPU71j0LGtE/
教程:http://www.hangge.com/blog/cache/detail_1145.html
1,安裝Node.js :
下載地址:https://nodejs.org 注意下載
檢測安裝:npm -v
niubangzhudeMacBook-Air-2:~ niubangzhu$ npm -v
3.10.3
版本檢測:niubangzhudeMacBook-Air-2:~ niubangzhu$ node -v
v6.3.0
2,安裝Cordova CLI
(1) sudo npm install -g cordova
檢測安裝:niubangzhudeMacBook-Air-2:~ niubangzhu$ cordova -v
6.2.0
若要更新corvoda進行(2)(3)
(2)sudo npm update cordova -g
(3)更新平台
cordova platform update ios
三,創建一個簡單的Cordova項目
1.先新建一個文件夾,
終端:cd 文件路徑
2.創建一個項目:
cordova create MyApp (項目名)
3.cd MyApp
4.cordova platform add ios(iOS 指的是平台,可以android)
四。運行
cordova emulate ios --target iPhone-6s
四。運行
2,目錄結構說明
可以看到 Staging 文件夾下面有個 www 文件夾和一個 config.xml 文件(藍框標注的)。
而在 Staging 文件夾外也有個 www 文件夾和一個 config.xml 文件(紅框標注的)。
后面我們進行開發的時候通常有如下兩種方案:
(1)如果在Xcode編譯運行的話,使用的是 Staging 下面的html頁面。所以我們可以把外面的www文件夾和config.xml從工程中移除(上圖紅框標注的),只編輯使用Staging文件夾下的html文件,但不建議這么做。
因為每次Cordova編譯的時候,或者更新工程、安裝插件時都會重新把紅框里的文件覆蓋到各個平台下的文件(藍框標注的)。同時只編輯單個平台工程文件夾下的html頁面,也不符合一次編寫,同時編譯發布多平台的跨平台應用開發思想。
(2)所以一般我都是編輯外面的(紅框標注)www文件夾里的頁面,然后運行如下命令重新 build 工程,這些頁面就會自動覆蓋到各個平台下對應目錄下。
1
cordova build
(3)然后可以在Xcode中編譯運行,也可以不用Xcode直接在“終端”中運行如下命令啟動模擬器運行:
1
cordova emulate ios
可以指定模擬器使用的模擬設備:
1
2
cordova emulate ios --target iPhone-6s
cordova emulate ios --target iPhone-6s-Plus
3,運行結果如下
(配置、開發第一個應用)
-----------------------------------------------------遇到的問題及解決方案--------------------------------------------------------------
Error: EACCES: permission denied, open '/Users/niubangzhu/.config/configstore/insight-cordova.json’
解決方案: 找到路徑刪除,重新運行 cordova
解決辦法:
打開目錄/Users/hqtech/.config/configstore/,在終端輸入命令:open /Users/hqtech/.config/configstore/
刪除update-notifier-cordova.json文件,再運行cordova命令就不會報錯了
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
1.npm指定的版本 http://www.myext.cn/javascript/a_7300.html
-g 是全局安裝,如果想安裝指定版本可以用sudo npm install -g express@版本號。
2.cordova指定的版本 http://zhidao.baidu.com/link?url=0rRIf22v7WKpzQ74PyZbXdv_lipCHFphaIgtvvIm4jUeV1rrO068I9YVLlnfeLNmPMSEmj0f06wDdFAsMnrzpw-74K-ee8QpYXHVWDagWYm
npm install -g cordova@XXXXX 可以指定要安裝的cordova版本
///////////////遇到Error: Cannot find module 'xxxx’這類錯誤
sudo npm install -g xxxx