Cordova+angularjs+ionic+vs2015開發（三）

標籤：

歡迎加群學習：457351423 這裡有4000多部學習視頻，涵蓋各種技術，有需要的歡迎進群學習！

一、基礎設定

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的文法和知識點，這個看需求吧！

歡迎加群學習：457351423 這裡有4000多部學習視頻，涵蓋各種技術，有需要的歡迎進群學習！

Cordova+angularjs+ionic+vs2015開發（三）