ionic3创建项⽬⾄apk打包全过程教程
主要流程:
安装node.js  -->  安装jdk  -->  安装AndroidSDK  -->  安装cordova  -->  安装ionic -->  创建项⽬  -->  编译项⽬apk
⼀、安装nodejs
不要安装最新版。
不建议更改安装路径。
⽹盘地址:
查看nodejs版本:
  node -v
查看npm版本:
  npm -v
安装淘宝镜像:
查看cnpm版本:androidsdk安装步骤
  cnpm -v
⼆、安装jdk(⽆需配置环境变量)
不建议更改安装路径。
⽹盘地址:
查看版本:
  java -version
三、安装sdk(需要配置环境变量)
⽹盘地址:
右键X解压
重命名为sdk
跟jdk放在⼀个⽗⽬录,便于查。C:\Program Files\sdk
配置环境变量
计算机——右键属性——-⾼级系统设置——-环境变量
在系统变量中新建:
  变量名:ANDROID_HOME
  变量值:C:\Program Files\sdk
在Path变量中将
  ;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools   添加到变量值最后(注意前⾯有分号)
检查配置是否正确:
  android -h
执⾏命令就代表安装⽆误。
⼯具
打开界⾯上的Tools,选择options,先配置国内镜像:
域名千万不要输⼊http或者https协议前缀
  usoft.edu
回到主界⾯,点packages再点reload
按照下⾯图⽚进⾏勾选:
点右下⾓ install packages 来安装,耐⼼等待即可。
四、安装cordova
cmd执⾏:
  cnpm install -g cordova@6
查看版本:
  cordova -v
五、安装ionic
cmd执⾏:
  cnpm install -g ionic@3.12.0
查看版本:
  ionic -v
六、创建ionic项⽬
创建
cd到要放置app的⽬录下,执⾏:
  ionic start myapp tabs --skip-npm
解释:
  myapp:项⽬名称(⾃定义)
  tabs:ionic模板,还有blank
  --skip-npm:跳过npm安装
cd到app⽬录补全⽂件
执⾏: 
  cnpm i
cd到app⽬录运⾏项⽬
执⾏:
  ionic serve
如果出现 localhost,有⼏个localhost就输⼊⼏
七、添加平台
cd 到app⽬录下,执⾏
  ionic cordova platform add android
添加完平台后app⽬录下会多了⼀个 platforms ⽂件夹
⼋、下载gradle插件

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。