Ionic运行第一个项目

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xxhongdev/article/details/77650695

注意:我的电脑是win10,其它系统请根据自己情况进行安装
1、下载安装Node.js 6或更高的版本,下载地址:https://nodejs.org/en/
2、安装ionic与cordova

npm install -g ionic cordova

安装过程可能比较慢,安装完成后可以使用

ionic start FirstIonic

来创建你的第一个Ionic应用
我用的是Ionic最版本,在运行上面命令时会提示我选择一个要创建的模板
这里写图片描述
可以直接上下选择一个,我选择blank,然后就是等待…
当然,如何想要运行到安卓或苹果手机上还需要安装对应的环境,由于我是window电脑,我安装了android studio,进入到我们创建的FirstIonic中,我们执行

ionic info

这里写图片描述
列出了系统的Ionic环境和依赖的信息,可以看到当前并没有android平台相关信息,下面我们执行

ionic cordova build android

注:如果你安卓相关的环境没有配置好,会在命令行中报错
命令执行成功后,在HelloIonic\platforms\android\build\outputs\apk目录下会生成一个android-debug.apk的包
有了这个apk包,我们就可以将它安装在手机上查看效果了,这里大概有这么几种方法在手机上运行这个apk
1.使用ionic命令运行:

ionic cordova run android

2.使用android sdk的adb进行安装 ,需要将adb配置到path中

adb install [apk包的绝对路径]

3.可以将HelloIonic\platforms\android 这个项目导入到android studio 编译运行,熟悉android开发的朋友尽情的闹吧…

最后再执行一次ionic info命令

这里写图片描述
可以看到多了刚才添加的android平台!

展开阅读全文

没有更多推荐了,返回首页