2014年10月11日 星期六

ionic 實作(2):Project 建立及架構介紹

以下的開發環境是在 mac 環境上開發,若有在 window or linux 開發與我撰寫這邊不保證一定可以work。


首先 建立 ionc Project
這邊使用tab sample project 來修改


使用sublime 還其它編輯器軟體打開此project



hooks
用來客制化撰寫codova的地方,在這個Project 沒有使用到
plugins
預設有三個 plugs
scss
會撰寫scss的人可以直接在這邊直接開發,否則只能回index.html 寫css
www

css
客制化CSS的檔案
img
images 檔案目錄
js
主要的核心程式
包括了 app.js 、controller.js及 service.js
lib
ionic 整合外部的地方,主要是 angularjs及 css components
templates
畫面檔案的目錄
index.html
程式進入點的檔案


以上的程式目錄看起來很複雜,其它這邊會只要注重在以下幾個地方開發即可


www/index.html
程式進入點的檔案
js/app.js
控制routing的程式
js/controller.js
定義所有controller內容的程式
js/service.js
如果有撰寫service或是factory可以都掛在這一支程式中
template/
與畫面有關的程式就會被放在這邊目錄裡



沒有留言:

張貼留言