從零到一建立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