Ionic_1 環境部署

（本文爲HKUST的Ionic課程筆記）

關於ionic等架構的分析與比較，以及native， hybrid和web app的分析與比較，將單獨開一篇博客來討論。

首先，假定環境中已經部署了Node.js和NPM等組件，第一步是安裝兩個全局包：

npm install cordova ionic -g

如果你願意，ionic可以被看作一個移動端的bootstrap，而cordova則是用來調用移動設備功能的API。

下一步，找一個文件夾作爲項目文件夾，通過控制檯命令新建項目：

ionic start conTest sidemenu

（sidemenu是一種常用的app模板，後面可以看到）
命令執行完後，相關文件夾內生成項目文件：

其中www文件夾下保存着應用內容。scss中保存着ionic默認的css配置（scss源文件格式），如果需要的話可以自定義修改。

現在，就可以通過Chrome瀏覽器模擬了。在conTest文件夾下輸入指令：

ionic serve --lab

Chrome加載該應用模板。按F12，可通過Chrome移動端模擬器測試。


新建完成。