ionic3 angular專案目錄結構解析

風靈使發表於2018-08-30

按照官網教程建立專案之後會生成如下結構樹:
這裡寫圖片描述

hooks:編譯cordova時自定義的指令碼命令,方便整合到我們的編譯系統和版本控制系統中

node_modulesnode各類依賴包

resourcesandroid/ios 資源(更換圖示和啟動動畫)

src:開發工作目錄,頁面、樣式、指令碼和圖片都放在這個目錄下

www:靜態檔案

platforms:生成android或者ios安裝包路徑( platforms\android\build\outputs\apk:apk所在位置)

plugins:外掛資料夾,裡面放置各種cordova安裝的外掛

config.xml: 配置檔案

package.json: node安裝模組時的依據

tsconfig.json: TypeScript專案的根目錄,指定用來編譯這個專案的根檔案和編譯選項

tslint.json:格式化和校驗typescript

src工作目錄:
這裡寫圖片描述

app:應用根目錄

assets:資源目錄(靜態檔案(圖片,js框架。。。)各種需要放置在此資料夾內,不然會出錯,(尷尬。。。)

pages:頁面檔案,放置編寫的頁面檔案,包括:html,scss,ts。(搞事情的)

theme:主題檔案,裡面有一個scss檔案,設定主題資訊。

相關文章