从零到一创建ionic移动app：创建第一个app

新建一个空项目，让它能够在你的虚拟机/手机上跑起来

第一步 新建工程

 　　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 --livereload -c -s

　　　　这是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 

　　　　

 

 

 

 如果环境没搭好就看这篇：http://www.cnblogs.com/znsongshu/p/5678712.html