1.1 ionic入門——新建ionic項目


(一)ionic是什么

    簡單的講,ionic是一個跨平台框架,一個讓你只寫一次代碼卻可以將android、iOS、微信公眾號、移動端web頁面一把擼的框架。

(二)ionic的基石

    ionic是基於谷歌的Angular框架,在這個框架上做了封裝,使得我們開發移動端程序更為便捷。

    ionic還基於Cordova框架,Cordova這個框架使用Javascript調用原生功能,使得ionic輕松簡單的調用攝像頭等硬件。

(三)開發工具

    推薦visual studio code

    最開始我用的sublime text,有次意外崩了以后轉到vs code,相見恨晚。

(四)配置環境

    1.安裝nodejs

    2.安裝ionic

        npm install -g cordova ionic

    (五)創建項目

        cd進放項目的文件夾,輸入:

            ionic start myAppName tabs

            或者ionic start myAppName blank

            或者ionic start myAppName sidemenu

對照這三種樣式:

 

 
ionic項目三種樣式

(六)運行項目

    cd進你的項目文件夾(myAppName)

    輸入:

        ionic serve  ——瀏覽器運行

(七)添加ios和android

    ionic cordova platform add ios 

    ionic cordova platform add android


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM