VS2015 Cordova Ionic移动开发（三）

一、基础设置

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的语法和知识点，这个看需求吧！