ionic 專案目錄結構介紹

2021-07-09 04:05:41 字數 1921 閱讀 2328

執行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以下的...