Ionic3入门开发打包安卓apk

大家好今天给大家带来的是Ionic入门开始和打包apk安卓app,为什么要做这个呢,因为这里面其实坑很多,而且我很气的是还被CDSN骗了我18块钱真的很可恶!!!

1环境搭建:首先我们要安装Ionic+cordova的安装环境需要的是windows10+node+java+安卓sdk,这里我给出三个的链接,至于网上说的apche ant我个人觉得是不需要的。

三个链接:node  java8    安卓studio包含sdk,这三个链接都是经过我的测试后的稳定版本,大家安装后可能还会出现一个问题就是node会有path安装路径,而java以及sdk需要我们手动配置路径,Java比较简单在C:\Program Files\Java\jdk1.8.0_144\bin,那sdk在哪里呢?在C:\Users\s\AppData\Local\Android\sdk1\tools增加到path目录中,也就是添加环境变量这个比较简单,我不再多言。(补充的一点是sdk会缺乏一个文件,这个就是gradle-3.3-all.zip,大家可以去官网使用迅雷下载比较快,这里我被CDSN骗了钱,我需要的是3.3,他给我的是3.4!!!,下载好后请把gradle-3.3-all.zip放在C:\Users\s\.gradle\wrapper\dists\gradle-3.3-all\55gk2rcmfc6p2dg9u9ohc3hw9\类似这个路径下)

Ionic3入门开发打包安卓apk_第1张图片

2. 接下来是使用node的npm工具安装cordova,那么第一国内网速很差,而且要fanqiang你们懂的,首先将npm切换至淘宝镜像下载源,一条命令搞定 npm install-g cnpm--registry=https://registry.npm.taobao.org,接下来就是 在环境变量中使cnpm install -g [email protected]请大家也使用这条指令,


因为我在开发中没有指定版本从而导致了大坑,最新的cordova版本其实是

不是稳定版本 ,接下来就是cnpm install -g ionic,好了现在就可以开始了,打开你需要放文件的目录,然后

ionic start demo --v3(v1 v2已经不能再用),这里可在npm install的时候可能会报出加载错误,大家可以使用阿里源,cnpm install 手动加载 ,也可以用cnpm install -g [email protected]


cd demo

ionic cordova platform add android

ionic build

cordova platform add android

cordova build.(

另外我说一点,build过程中可能需要科学上网,请大家下载这个

科学上网工具

)

3. 我刚才试了居然报错了,报错160,后面我发现我的cordova命令居然也不能用了,估计是哪里冲突了,于是把他卸载cnpm uninstall -g cordova ,npm uninstall -g cordova ,再安装cnpm install -g [email protected],再执行ionic cordova platform add android ,ionic cordova build,结果如下 

最后希望大家也能看到

Ionic3入门开发打包安卓apk_第2张图片

你可能感兴趣的:(Ionic3入门开发打包安卓apk)