一、基礎設置
1.修改App名稱和程序起始頁
打開config.xml配置文件顯示如下,在【通用】選項卡中,將顯示名稱和起始頁,修改為自己想要的名稱即可。
如需直接在xml文件中修改:右擊config.xml,使用【查看代碼】進行修改即可。
2.插件安裝
一般在項目開發中,免不了使用第三方的插件,在VS中安裝Cordova插件也是比較簡單的。
可視化打開config.xml文件。切換到【插件】選項卡:
核心插件:是包中內置的一些插件。
自定義:可以安裝第三方插件。
已安裝:當前項目已安裝的插件。
在自定義標簽中,有兩種安裝方式,一種是本地,一種是git安裝:
git安裝,只需粘貼git地址,點擊箭頭,解析成功后右側顯示插件信息,點擊安裝即可。
本地安裝,只需要選擇到本地插件所在的文件夾即可,文件目錄中需要包含plugin.xml文件。
例如,插件位於如下目錄中:
在VS中只需選擇對應文件夾即可:
一些常用插件列表和說明:
插件官網:
http://cordova.apache.org/plugins/
掃碼:
https://github.com/wildabeast/BarcodeScanner.git
應用程序角標:
https://github.com/katzer/cordova-plugin-badge.git
郵件系統:
https://github.com/katzer/cordova-plugin-email-composer.git
對話框:
https://github.com/apache/cordova-plugin-dialogs.git
內置瀏覽器:
https://github.com/apache/cordova-plugin-inappbrowser.git
推送服務(需注冊):
https://github.com/jpush/jpush-phonegap-plugin.git
JPush插件在安裝時需要填寫AppKey,安裝顯示界面如下,先填寫申請到的Key再點添加就行了。
二、中文亂碼
如果遇到中文亂碼問題,記住一條就行了,統一所有編碼。
index.html顯示中文亂碼,首先保證<meta>設置為utf-8,設置如下:
<meta charset="utf-8">
其次保證文件格式為utf-8編碼,這樣就能解決所有中文亂碼問題了。
VS2015創建的js文件和Html文件默認為GB2312,而Cordova和Ionic默認使用的utf-8.所以會顯示為中文亂碼。一般在視圖模板和js文件中使用中文都會出現亂碼問題。最簡單的解決方案就是,打開html/js文件,點擊【文件】-【高級保存選項】,選擇UTF-8格式保存就行了。
結束語:今天時間有限,暫時寫到這里,由於Cordova+Ionic開發涉及到很多的知識點,本文原本打算僅僅是介紹VS2015開發Cordova程序的一些注意事項和技巧。至於后面要不要涉及到Ionic和Angular的語法和知識點,這個看需求吧!