angular+cordova+ionic 学习混合app(一)

最近开始学习使用angular+cordova+ionic 制作app,开始积累

首先开始学习的第一步就是环境的配置,哈哈,这是必须的

1.需要Java,下载jdk,然后进行环境配置,这个应该不用多说,程序员应该都明白。但是之后运行的时候会发生一些报错,反正我是遇到了,说是要安装指定版本的jdk,这里大家注意一下,看看需要jdk那一个版本

还有一个android sdk安装(我是很早之前是用Android Studio  下载配置过,你们自行下载sdk进行配置 )

2.node环境

3.编辑器:这里大家都看大家了  Android Studio     反正我用的vcode,感觉用习惯了。如果用vcode,可以下载一下cordova Tools插件

4.ionic和cordova

npm install -g ionic
npm install -g cordova   需要环境配置

5.以上完成就可以开始我们ionic项目的创建了 ionic start myApp tabs

6.如果需要配置图标和启动图片的话

ionic resources -icon(生成不同尺寸图标)//请以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。
ionic resources --splash(生成不同尺寸启动图片)//resource/android/splash.png和resource/android/splash.png。

7.添加android 或者 ios 应用

配置签名:keytool -genkey -v -keystore my_jt.keystore -alias my_jt -keyalg RSA -keysize 2048 -validity 10000
使用cordova编译应用:cordova build --release android
签名应用文件:jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore my_jt.keystore unsigned_name.apk my_jt

8.ionic cordova run android (真机执行)   就是每次更改都需要执行一下  感觉很麻烦  如果有解决办法  请大家告知一下

ionic serve  可以启动浏览器查看调试应用

 

 

当然。还需要添加指定平台

android:ionic platform add android //添加android

 

添加平台跟运行的时候我遇到一个问题downloading:gradle-2.14.1-all.zip  下载这个文件的时候超时,然后我手动下载了这个文件