初次嘗試Ionic,邊學習邊記錄下來,以免以后忘記了,入坑向( ̄ω ̄;)
1.Ionic環境安裝
Ionic開發是依賴於Nodejs環境的,所以在開發之前我們需要安裝好Nodejs。下載安裝:http://nodejs.org/
這里選擇下載推薦大多數用戶使用的

安裝完成后打開CMD執行node -v和npm -v命令,返回版本號表示已安裝成功。
然后執行npm install -g cordova ionic命令安裝cordova和ionic
PS:安裝過程中可能需要翻牆,最好掛上VPN安裝。
安裝完執行ionic -v,返回版本號表示已安裝成功。

2.Ionic項目創建
Ionic安裝完成后,我們就可以開始創建我們的Ionic項目啦!
Ionic官網提供了三個項目模板blank(空模板)、tabs(帶選項卡的模板)和sideMenu(帶側邊欄的模板),這里我推薦使用tabs創建我們的第一個Ionic項目。
1、首先進入到需要創建項目的目錄,然后執行下面的命令創建項目(IonicDemo是項目名,tabs是模板)
ionic start IonicDemo tabs
2、這里詢問是否使用Ionic 4,我這里選否使用Ionic 3,然后等待下載

3、下載完后,詢問是否將此項目添加到Ionic Appflow(大概類似於一個源代碼管理可以連接到GItHub,不過需要注冊Ionic賬號),我這里選否

這樣你的第一個Ionic項目就創建成功了。
3、運行Ionic項目
進入到你創建的Ionic項目目錄,然后執行ionic serve就可以在瀏覽器運行啟動你的項目了!

界面如圖:

至此Ionic的環境搭建及創建就完成了。
接下來就是項目的使用和打包了
打包的話,如果你沒有搭建Android環境請移步下一篇:Android環境搭建及Ionic打包(win7)
ionic3使用教程(我也在學習 ̄ω ̄=):https://www.jianshu.com/p/1baf40713c1c
文章參考出處:https://blog.csdn.net/i348018533/article/details/47258449
