新建一个空项目,让它可以在你的虚拟机/手机上跑起来css
第一步 新建工程
ionic start myApp blank
一个简单的Web应用咱们已经建立完成了,接下来咱们就要作一些部署到移动端以前的准备了
第二步 添加平台(想让项目在哪一个平台下运行就须要添加相应平台)
ionic platform list 能够查看目前项目已添加的平台,若是须要运行在android或ios下就须要手动添加
ionic platform add android
ionic platform add ios
安装完后再查看platform list(版本不同不要紧)
Installed platforms: android 4.0.0, ios 3.8.0
Available platforms: amazon-fireos, blackberry10, browser, firefoxos, windows, windows8, wp8
第三步 部署应用,有三种方式能够测试咱们的app
(1)直接编译成apk,手动安装到手机当中,就和咱们安装apk同样
ionic build android
apk在:myApp/platforms/android/build/outputs/apk/android-debug.apk
(2)链接手机,在usb调试下运行
把手机链接到电脑,并开启usb调试模式,执行命令:ionic
run android
这是android的调试模式,不管在虚拟机上仍是在手机上均可以实现livereload,ios则只须要把android修改成ios便可,不用每次开发完成编译再部署!
-c
是开启客户端日志输出,
-s
是开启服务器端日志输出。–livereload参数的的意义在于修改生成包中的起始页面地址,修改成远程服务器地址这样就能够作到修改即通知客户端刷新页面了。
若是没有链接手机,则会自动调用android模拟器,并自动安装
(3)android模拟器下运行
ionic emulate android
自动调用android模拟器,并在其中安装应用程序,只是调用模拟器并安装,不会实现run的效果
(3)浏览器下运行
ionic serve
我使用的版本ionic 运行的时候,scss文件并无像网上说的能够自动编译,须要另开一个窗口手动gulp sass才能自动编译
在执行以上命令时若是出现如下错误:
Error: Please install Android target: "android-22". (也多是23等数字,这是工程的android版本)
错误缘由:
工程属性配置文件与目标平台API版本不一致
解决办法:
// 修改项目所在文件夹的如下3个文件,确保与目标平台版本一致,如:
// # Project target.
// target=android-24
myApp/platforms/android/project.properties
myApp/platforms/android/CordovaLib/project.properties
myApp/platforms/android/CordovaLib/AndroidManifest.xml
// AndroidManifest.xml文件修改以下
<uses-sdk android:minSdkVersion="14" android:targetSdkVersion="24" />
好比我新建的项目,这三个文件是这个配置
只修改target变为24,个人api就是24