corvoda 環境配置iOS以及遇到的問題！

標籤：cordova   工程   npm   hid   tail   hud   全域   blank   user   

視頻：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 [email protected]版本號碼。

2.cordova指定的版本 http://zhidao.baidu.com/link?url=0rRIf22v7WKpzQ74PyZbXdv_lipCHFphaIgtvvIm4jUeV1rrO068I9YVLlnfeLNmPMSEmj0f06wDdFAsMnrzpw-74K-ee8QpYXHVWDagWYm

npm install -g [email protected] 可以指定要安裝的cordova版本


///////////////遇到Error: Cannot find module ‘xxxx’這類錯誤
sudo npm install -g xxxx

corvoda 環境配置iOS以及遇到的問題！