VS2015 Cordova Ionic移動開發(三)


一、基礎設置

1.修改App名稱和程序起始頁

打開config.xml配置文件顯示如下,在【通用】選項卡中,將顯示名稱和起始頁,修改為自己想要的名稱即可。

如需直接在xml文件中修改:右擊config.xml,使用【查看代碼】進行修改即可。

image

 

2.插件安裝

一般在項目開發中,免不了使用第三方的插件,在VS中安裝Cordova插件也是比較簡單的。

可視化打開config.xml文件。切換到【插件】選項卡:

image

核心插件:是包中內置的一些插件。

自定義:可以安裝第三方插件。

已安裝:當前項目已安裝的插件。

在自定義標簽中,有兩種安裝方式,一種是本地,一種是git安裝:

image

git安裝,只需粘貼git地址,點擊箭頭,解析成功后右側顯示插件信息,點擊安裝即可。

image

 

本地安裝,只需要選擇到本地插件所在的文件夾即可,文件目錄中需要包含plugin.xml文件。

例如,插件位於如下目錄中:

image

在VS中只需選擇對應文件夾即可:

image

一些常用插件列表和說明:

插件官網:

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再點添加就行了。

image

二、中文亂碼

如果遇到中文亂碼問題,記住一條就行了,統一所有編碼。

index.html顯示中文亂碼,首先保證<meta>設置為utf-8,設置如下:

<meta charset="utf-8">

其次保證文件格式為utf-8編碼,這樣就能解決所有中文亂碼問題了。

VS2015創建的js文件和Html文件默認為GB2312,而Cordova和Ionic默認使用的utf-8.所以會顯示為中文亂碼。一般在視圖模板和js文件中使用中文都會出現亂碼問題。最簡單的解決方案就是,打開html/js文件,點擊【文件】-【高級保存選項】,選擇UTF-8格式保存就行了。

image

image

結束語:今天時間有限,暫時寫到這里,由於Cordova+Ionic開發涉及到很多的知識點,本文原本打算僅僅是介紹VS2015開發Cordova程序的一些注意事項和技巧。至於后面要不要涉及到Ionic和Angular的語法和知識點,這個看需求吧!


免責聲明!

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



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