当前位置:

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

0

发表时间:2017-09-05    来源:ishouyou.cn

329

用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

查看更多精彩内容,请
顶一下:
+1
0