ionic起步——環境搭建步驟

ionic是什麼:

ionic是一款基於PhoneGap及AngularJS開發Hybrid/Web APP的前端框架,簡單來說就是可以將你的Web應用打包發佈成IOS/Android APP,並且提供了PhoneGap之外很多強大的服務和新的特性。

 

1、安裝nodes    

       下載地址:https://nodejs.org/en/   選擇 8.11.1 LTS的版本,較穩定

       安裝完之後,命令行中執行 node -v 看看版本號,有則表示安裝成功。

 注意:切換淘寶鏡像

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

之後所有用到的 npm 命令都可以使用 cnpm 來代替進行 install。但是 cnpm 不支持 publish 命令,需要注意。

2、安裝ionic2

        輸入以下命令安裝 Ionic (如果剛纔設置了淘寶鏡像源,可以使用 cnpm 代替 npm):

   npm install -g ionic

   安裝之後看一命令行執行: ionic -v 查看版本號

3、安裝Cordova

    npm install -g cordova

    安裝之後看一命令行執行: cordova -v 查看版本號

4、安裝JDK

   爲了編譯到 Android平臺,還需要安裝JDK

注意請安裝最新版本的 JDK,下載地址:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

       安裝完後,配置環境變量(百度查看如何配置)

Java環境變量的配置:參看:http://zhidao.baidu.com/question/1366931535221381339.html

5、安裝Android SDK

        這個安裝包可以在網上下載,下載安裝完成之後,

        配置一下環境變量即可。

6、創建項目

以上配置完之後,打開命令行窗口,執行ionic start myFirstApp 試試,這個是創建ionic app 的項目,然後 cd  ./myFirstApp  執行 ionic serve ,瀏覽器會打開當前的app頁面。

7、開發工具

下載vscode 開發工具,打開上面創建的項目

 

 

 Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/

        以下內容參考官方教程得出。

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