美文网首页
ionic1 v1 超快速搭建

ionic1 v1 超快速搭建

作者: ynwshy | 来源:发表于2017-12-08 21:41 被阅读0次

    安装

    安装node

    我使用的node是v5.12.0 node-v5.12.0-x64.msi

    C:\Users\HY>node -v
    v5.12.0
    C:\Users\HY>npm -v
    3.8.6
    

    通过npm(cnpm)安装cordova & ionic

    • 安装cnpm 淘宝镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    • 安装cordova@6.3.1
    npm install cordova@6.3.1 -g
    
    • 安装ionic@1.7.16
    npm install ionic@1.7.16 -g
    

    创建项目

    默认tabs模板
    ionic start myapp
    
    tabs 模板
    ionic start starts-tabs tabs
    
    blank 模板
    ionic start starts-tabs blank
    
    sidemenu 模板
    ionic start starts-sidemenu sidemenu
    

    启动项目

    cd myapp
    
    ionic serve
    

    打包Android app

    • jdk
      我使用的是 jdk1.7.0_67
    • AndroidSDK
      我使用的是Android6.0 api23
    添加Android平台
    ionic platform add android
    
    编译打包apk
    ionic build android
    

    第一次build Android会有点慢 需要下载gradle-2.13-all
    可以自己去下载gradle-2.13-all.zip 放到这个目录下
    C:\Users\adminname.gradle\wrapper\dists\gradle-2.13-all\4cj8p00t3123456789hvk7\gradle-2.13-all.zip
    再重新ionic build android 直接解压 然后再等待下载其他的包就可以了

    • apk所在目录

    F:/myapp/platforms/android/build/outputs/apk/android-debug.apk


    相关文章

      网友评论

          本文标题:ionic1 v1 超快速搭建

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