cordova 環境配置iOS以及遇到的問題!


視頻: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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM