IONIC3 从创建到打包

IONIC3 从创建到打包

1、安装node.js

         官网下载最新版本node然后根据提示安装

         node -v 查看node版本

2、安装cnpm

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

         安装成功后将后面命令的npm换成cnpm即可

3、安装ionic

         npm install -g ionic

         ionic -v查看ionic版本

4、安装cordova

         npm install -g cordova

         ionic -v查看cordova版本

5、创建一个app

         ionic start app tabs //此行app是项目名字

6、运行项目

         ionic serve

7、打包项目的环境配置

      （1）、jdk

                  下载jdk或者已有解压文件，放在一个地方 获取文件路径如：D:\jdk1.8_64

      （2）、sdk

                  下载sdk或者已有解压文件，放在一个地方 获取文件路径如：D:\sdk

      （3）、gradle

                  下载gradle或者已有解压文件，放在一个地方 获取文件路径如：D:\gradle

8、配置系统环境

         我的电脑——右键属性——-高级系统设置——-环境变量——系统变量

         （1）新建

 

        

 

         这里要建三个以配黑之前的jdk、sdk、gradle

         分别是：

                  JAVA_HOME

                  D:\jdk1.8_64

                 

                  ANDROID_HOME

                  D:\jdk1.8_64

 

                  GRADLE_HOME

                  D:\gradle

         （2）新建完之后还要对系统变量的path进行编辑，在原有的基础想加上这些，前两个          是对应sdk,后面分别是gradle和jdk

                  %ANDROID_HOME%\platform-tools;

                  %ANDROID_HOME%\tools;

                  D:\gradle\bin;

                  D:\jdk1.8_64\bin;

9、添加平台

         到第8步环境和项目就配好了，然后给项目添加平台：

         ionic cordova platform add android //安卓平台

         ionic cordova platform add ios //ios平台

10、打包

         ionic cordova build android --release //如果这条命令有问题，可以去掉–release然后debug编译，编译完成Dos会显示apk目录位置

11、注意

         打包的时候大部分失败，所以这里要注意一下

         命令行输入 android -v 打开SDK manager

        

   

这个tools前两个即是最上面两个 第三个根据自己的版本下载，如果版本不一致会再打包的时候报错

这个SDK Platform也必须勾选对应的版本不然也会出错

勾选了这四个之后需要点右下角 install packages 来安装，耐心等待即可。

 

然后就又可以执行上面的打包命令行！

这便是apk文件路径 发送到手机安装即可

 

这是测试打包 所以没准备签名，后续发布去网上找，

参考网站：https://blog.csdn.net/qq_20264891/article/details/79319408