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小时内删除。
发表评论