创建ionic1项目及配置环境

作者: BirdNiao | 来源:发表于2017-08-13 23:58 被阅读909次

    正常字体的是原文章的转载内容,加粗字体加分割线的是我实际配置中遇到有问题的地方

    这个是我的ionic的版本情况:

    第一步:安装java环境,jdk;(注:需要安装1.8以上的版本)。

    1下载jdk,双击安装就行了,注意,将安装地址记住,默认的应该是C:\Program Files\Java\jdk1.8.0_101。

    2下面是配置环境变量,在控制面板里面找到高级系统设置,点击弹出系统属性,打开环境变量,新建系统变量,名为:JAVA_HOME,值为java安装路径,再次新建系统变量,名为:CLASSPATH,值为(.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;),确定就行了。

    3:测试,在dos里面输入java和javac,只要没有报错,就行。


    4:安装安卓sdk

    安装SDK我就不说了,这个是一样的,请搜索Android SDK,说一下安装完成后配置SDK的问题

      1)安装配置哪些项?

    http://www.cnblogs.com/kangjianwei101/p/5621238.html

    这个链接详细介绍了SDK中各个选项的作用,可以按需选择安装配置

    下图是ionic-china提供的配置方法,应该是仅配置了安卓的手机。我是以前就配置好了,配置了安卓从6到8所有的都安装配置了,没试过按ionic-china配置方法

    2)Intel x86 Emulator Accelerator(HAXM installer) 无法安装配置,但如果不安装在后面AVD中模拟设备运行时会报错:

    emulator: ERROR: x86 emulation currently requires hardware acceleration!

    Please ensure Intel HAXM is properly installed and usable.

    CPU acceleration status: HAX kernel module is not installed!

    解决办法:自己安装 https://software.intel.com/en-us/android/articles/intel-hardware-accelerated-execution-manager ,一直下一步到完成安装,安装完成后自动配置,AVD就不会报错了

    5,测试:在dos里面输入android弹出安装器则安装成功,

    6:安装ionic和cordova,这里的安装和其他博客大致相同,不同的是我们是搭建ionic1的环境,但是现在下载最新的都是2以上的,特别是ionic,

    所以在安装ionic的时候需要指定一个版本。如npm install -g ionic@1.X.X,cordova(指令:cnpm install -g cordova)需要和安卓的版本相匹配,这个也需要注意


    我的个人建议:cnpm install -g ionic@1.X(或cnpm install -g ionic --v1),会自动安装ionic1的最高版本

    7:测试,在dos里面输入ionic -v和cordova -v查看安装的版本,


    这里也有问题,我的ionic -v及第8步操作执行ionic start app 均报错,

    解决办法:卸载ionic 和 cordova ,卸载方法:执行下面三个语句

    npm uninstall -g ionic

    npm uninstall -g cordova

    npm cache clean

    这里有个坑是不要用cnpm卸载,一定要用npm!cnpm卸载无效!

    再重新安装ionic和cordova .

    可能原因:前面初学的时候配置的,很多的地方不明白就配置了,可能有一些地方冲突了

    8:东西都安装成功之后,找到自己的工作目录,执行ionic start myapp,等待下载完成。但是一般在npm install 的时候下载不成功。所以需要再次进入项目执行cnpm i ,cnpm是国内淘宝镜像,不会的同学请自行百度。


    在高版本ionic环境中创建特定ionic版本的操作:ionic start myappName --v1

    9:添加平台:以上步骤都好了的话就可以执行,ionic platform add android/ios 注意,这里如果报错一般都是cordova和安卓的版本不一致导致的,所以需要cordova和安卓版本一致。


    这一步也有报错,同步骤7的方法一些,卸载后再重新安装ionic和cordova

    我遇到的问题:执行了一个小时了都没有反应..... 原因:网络问题...换个wifi就正常了

    10:打包。执行 ionic build android/ios这里有个坑。执行完ionic build android之后会下载gradle,但是这个gradle下载速度很慢,然后不小心就报错了,所以,执行完命令之后我把链接用迅雷下,然后放到platforms\android\gradle这个目录里面,然后该变引用地址:在(myapp\platforms\android\cordova\lib\builders)里面的GradleBuilder.js文件里面把distributionUrl变量后面的下载地址换成  ”../下载的zip包“,再次执行就可以了。


    图解:platforms\android\gradle中放入gradle压缩包,开始放的是gradle-4.1的,无效.后来改为3.5的,OK.应该是ionic版本低的原因

    不明白的地方:为什么路径是../?这个不是上一层吗?但gradle-3.5明显不是在上一层啊!求指导

    正常字体是从原作者:w_prince 转载的 

    链接:http://www.jianshu.com/p/1a409b59c770

    相关文章

      网友评论

        本文标题:创建ionic1项目及配置环境

        本文链接:https://www.haomeiwen.com/subject/ufgsrxtx.html