2016年10月22日 星期六

關於Ionic 2 RC1更新

Ionic 2於2016/10月從RC0改版到RC1,最主要的改變是app-scripts版本更新,連帶每個Ionic 2專案的設定檔package.json也有更動。建議完成下列動作:
  1. 查看現有Ionic安裝版本:
    ionic info
    若Ionic Framework Version不是2.0.0-rc-0以上,建議移除ionic舊版、更新npm、再重新安裝ionic:
    npm uninstall -g ionic
    npm install -g npm
    npm install -g ionic cordova
    
  2. 如果有Ionic 2 app專案,先切換到專案資料夾,再執行下列指令:
    npm install @ionic/app-scripts@latest --save-dev
    上述指令會更新package.json裡的"dependencies"各個packages的版本,並在"devDependencies"加入app-scripts項目。

詳情可參考Ionic 2 RC Weekend Updates

2016年10月21日 星期五

Ionic 2系列002:Ionic2專案細節初探

延續上篇(Ionic 2系列001:第一個Ionic 2專案)當空白專案建好之後,例如建了BlankApp:
ionic start BlankApp blank --v2
則在BlankApp/src下便有了Ionic 2的專案結構:
Ionic 2專案結構,程式碼位於src下。
其中index.html則是app的進入點;app、pages則是主要程式碼所在。app資料夾放的是root component相關程式碼,root component是index.html第一個載入的元件。而pages資料夾內,則為每一個頁面分別建立一個資料夾。

2016年10月16日 星期日

Ionic 2系列001:第一個Ionic 2專案

JavaScript功能持續更新著,瀏覽器也不斷追著JavaScript新功能在跑。一些受歡迎的JavaScript framework當然也得因應這些改變,而推出更新的版本。最近,JavaScript最大的改變應該就是正式加入「物件」相關語法-也就是俗稱的ES6(ECMAScript 6 或稱為ECMAScript 2015)。

但這對以Ionic框架開發hybrid apps有何影響?簡言之,因應ES6的變革,Angular推出了Angular 2,Ionic也順勢推出Ionic 2(2016年10月已過beta版,來到Ionic 2.0RC1),Ionic apps的開發也完全物件化,整體改變相當巨大。因此,接下來的文章將會以Ionic 2的介紹為主。

Ionic 2與Ionic 1的差異

安裝部分仍可參考之前的舊文Hybrid Apps開發系列之1:Ionic/Cordova框架環境設定,但如果之前已經安裝過node.js,必須先更新npm,說明如下: