執行ionic start myionic blank
後,的到的空專案.
執行ionic start myionic tabs
後,的到的tabs專案.
//編譯cordova時自定義的指令碼命令,方便整合到我們的編譯系統和版本控制系統中
hooks
--after_prepare
//安裝cordova的各種外掛程式
plugins
//存放scss檔案,發布時編譯這個目錄下的檔案輸出到www的css目錄中
scss
//專案的開發目錄,頁面、樣式、指令碼和都放在這個目錄下
www
bower.json //存放bower安裝元件資訊
gulpfile.js //gulp構建工具的執行檔案,在這個檔案中建立任務實現編譯scss,css、js優化等
ionic.project //ionic的專案檔案可以配置ionic命令中livereload的監控檔案
package.json //存放npm安裝元件資訊
進入專案目錄下,執行ionic serve
, 就會建立web站點, 自動開啟專案的**.
ionic會監測www資料夾的檔案是否發生變化, 從而實時用websocket通知瀏覽器進行重新整理, 不需要我們手動重新整理.
ionic建立專案及目錄結構
cnpm i g ionic cordova cd到某個檔案目錄下,ionic start ionicdemo tabs,建立過程中可以按ctrl c,再通過cnpm i,安裝所需要的依賴。ionic serve 建立新的元件 ionic g page componnetnameionic4.x是由...
vue cli專案的目錄結構介紹
vue.js是一套構建使用者介面的漸進式框架。vue採用自底向上增量開發的設計。vue的核心庫只關心檢視層,非常容易學習,非常容易與其它庫和已有專案整合。vue完全有能力驅動採用單檔案元件和vue生態系統支援的庫開發的複雜單頁應用。vue.js的目標是通過盡可能簡單的api實現響應的資料繫結和組合的...
Ionic 介紹以及 Ionic 環境搭建
ionic 主要關注外觀和體驗,以及和你的應用程式的 ui 互動,特別適合用於基於 hybird 模式的 html5 移動應用程式開發。ionic是乙個輕量的手機ui庫,具有速度快,介面現代化 美觀等特點。為了解決其他一些ui庫在手機上執行緩慢的問題,它直接放棄了ios6和android4.1以下的...