ionic學習【1 環境配置搭建】

開發環境ubuntu 14.04 64位

搭建過程

1.64位環境下需要一些特殊支持

apt-get install -qq -y libc6:i386 libgcc1:i386 libstdc++6:i386 libz1:i386


2.下載安裝android-sdk,nodejs,jdk ,ant並配置環境變量


3.使用npm安裝cordova

npm install -cordova

npm install -ionic

配置問題:

a.最開始直接使用apt-get安裝的nodejs由於版本問題,在使用npm是出現錯誤,推薦下載官方最新版

b.npm下載時遲遲沒反應,原來是由於中國防火牆的問題,有些資源沒法訪問,修改使用淘寶的npm源和cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org  

cnpm install -g cordova ionic

c.可以參考https://www.thepolyglotdeveloper.com/2014/09/install-android-cordova-ionic-framework-ubuntu/

直接寫一個腳本完成自動化配置。


4.創建項目

1、創建APP 

       在控制檯輸入

       ionic start myapp 

       這裏的 myapp是你的APP的名字,可以選擇各種模板blank/tabs等


2、進入創建的APP目錄

    cd myapp

3、選擇配置Android環境

    ionic platform add android

        

4、打包生成APP

    ionic build android

       

5、運行APP(需要先新建虛擬機/連接手機,新建方法:打開Android SDK安裝目錄下的AVD Manager.exe選擇新建)

    ionic run android


6、開啓服務在瀏覽器查看效果

      ionic serve 或
    ionic  serve  --address  ip


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章