cordova+ionic教程:修改应用图标及添加启动画面方法

用webstorm直接创建了一个codovar项目，然后直接引用了ionic，但并未下载众多相关插件。fuck。

修改应用图标及添加启动画面ionic resources --icon 报以下错误：

ERROR Sorry! ionic serve can only be run in an Ionic project directory

原因在于我直接使用的webstorm创建了一个codovar项目，然后下载ionic.css进行引用导致很多ionic文件没有导入过来。

用ionic+codovar创建项目的完整步骤：

1.npm install -g cordova ionic

注：由于GFW，很多插件下载不下来，我们可以使用淘宝镜像来解决这个问题：

2.npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装完成后，以后所有的插件都使用cnpm这个命令来进行安装。

cnpm install -g ionic cordova

4.创建一个名为myApp的还有tabs的项目（ionic start <project-name> <optional-template>） 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白）:

ionic start myApp tabs

5.添加android平台:

cd myApp

ionic platform add android

6.生成android apk:

ionic build android

7.在android模拟器或真机中模拟:

ionic emulate android

ionic run android

8.更新cordova及ionic包

npm update -g cordova ionic

9.更新已建ionic项目中的js类库，命令行中先进入项目所在目录，然后运行：

cd myApp

ionic lib update

Ionic修改应用图标及添加启动画面方法：

1.在项目的根目录下创建resources文件夹。

2.在文件夹中都放入icon.png（应用图标，最小192x192px，不带圆角），splash.png（启动屏幕，最小2208x2208px，中间区域1200x1200px）(可以是png、psd、ai)

3.在cmd中进入项目所在文件夹执行：

ionic resources

执行该命令后，会自动在resources文件夹下创建已添加的平台名称的文件夹，如：android，其中会自动将图片进行缩放、裁剪，生成不同分辨率的图片，并在config.xml中添加相应内容。

也可分开执行：

ionic resources --icon

ionic resources --splash