準備工作
Ionic2官網(wǎng)
Ionic2官方GitHub地址
Ionic2官方文檔地址
Ionic的官方文檔還是非常全面的尼啡，提供了包括命令行Cli暂衡、組件API等的詳細說明，GitHub還提供了每一個版本的升級指南崖瞭，非常貼心狂巢。
另外Ionic2使用了Angular2和TypeScript做基礎來開發(fā)的，與Ionic1完全不同书聚，所以不熟悉的同學可以先去大概了解下語法基礎唧领。
項目初始化步驟
1. 下載安裝NodeJS
下載安裝完以后使用npm -version命令看下是否安裝成功，如出現(xiàn)版本號則說明安裝成功
2. 安裝Ionic和Cordova
Ionic和Cordova是項目基礎雌续，必須安裝斩个，命令為：
npm install -g cordova ionic
其中-g參數(shù)代表全局有效。安裝完以后同樣檢查安裝是否正確驯杜，檢查命令ionic -version和cordova -version受啥。出現(xiàn)版本號代表安裝成功。
因為GFW的原因在國內可能會出現(xiàn)安裝巨慢甚至失敗的情況鸽心，一種解決辦法是科學上網(wǎng)腔呜，另外一種是可以切換到cnpm命令形式執(zhí)行，cmpn安裝辦法見鏈接https://npm.taobao.org/
3. 執(zhí)行Ionic2項目初始化命令：
ionic start myApp tabs
該命令默認創(chuàng)建最新版本的項目再悼，如需指定版本，比如創(chuàng)建Ionic1項目膝但，可添加參數(shù)“--type ionic1”冲九。
其中“myApp”代表創(chuàng)建項目的名字，“tabs”為創(chuàng)建項目的基礎結構為帶底部tabs類型的項目，還有“ blank”和“ sidemenu”類型可以選擇莺奸，“ blank”為空項目丑孩，“ sidemenu”為帶側方按鈕的項目。實踐來說灭贷，其實都沒有太大差別温学。
4. 進入剛剛創(chuàng)建的項目目錄
cd myApp
5. 啟動項目
ionic serve
ionic serve是ionic cli的項目啟動命令，執(zhí)行以后會自動編譯項目的scss和ts文件甚疟，打包后以后用一個自帶的web服務器啟動起來仗岖，啟動端口的8100，如果8100被占用則順延使用8101端口览妖。后續(xù)開發(fā)過程中如檢測到本地文件有任何變化都會執(zhí)行編譯動作轧拄，刷新瀏覽器。
有了這一套命令行讽膏，前端的開發(fā)調試變得異常便捷檩电，不過有一點值得注意的是，由于開啟了文件監(jiān)視功能府树，任何文件的變更都會引起整個項目的重新編譯俐末，在配置低的機子上可能會造成機子的卡頓⊙傧溃可以使用關閉開發(fā)IDE的自動保存功能解決該問題卓箫。
最后
其實至此整個項目已經創(chuàng)建完畢了，簡單的功能已經能夠流程運行遭铺，是不是感覺還挺方便的丽柿。不過仔細瀏覽一下項目的目錄，還是有點小摸不清頭腦的魂挂，究竟這些一個個文件都代表什么意思甫题，目錄結構各有什么作用呢，下一篇我們詳細說明涂召。
