美文网首页
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