ionic2 入門

        ionic2 比較新，2016年9月份發佈，因此對npm，cordova，ionic的版本都有必定的要求。我是所有升級到最新版。

npm自身升級    npm install -g npm

模塊升級          npm update -g xxx

• 本機環境

         ionic    -2.1.18     npm  -4.0.5    cordova  -6.4.0

• 新建例子步驟

1.  ionic start MyIonic2Demo tutorial --v2       注意--v2指定ionic2版本，不然是ionic1模版
2.  若是報錯，不要怕直接進入第3步
3.  cd MyIonic2Demo           進入項目目錄
4.  cnpm install               注意 cnmp是淘寶的鏡像，安裝命令   (npm install -g cnpm --registry=https://registry.npm.taobao.org)
5.  測試一下    ionic   serve    瀏覽器測試
6.  如經過沒問題，則添加平臺支持    ionic platform add android
7.  真機測試  ionic run android

 

• 與ionic1的區別

1.    目錄結構有變化   開發目錄從www轉移到src中，我的認爲主要是採用了typeScript須要編譯。
2.    angrular2 typescript  很好很強大。須要適應。
3.    每一個頁面就是一個目錄，由模版.html  typescript腳本  .ts 樣式   .scss組成
4.    入口在src/app/app.component.ts裏    rootPage  做爲根節點。
5.    比ionic1少寫很多代碼，聽說速度也更快了。