ionic 2.x 3.x專案結構解析

eedc發表於2017-08-16
myApp
│  config.xml  //專案配置檔案,包名、名稱、minSdkVersion等都在此處配置
│  ionic.config.json
│  package.json  //專案依賴檔案列表
│  tsconfig.json
│  tslint.json
│  
├─hooks
│      
├─node_modules  //專案依賴檔案
│                  
├─platforms  //專案新增的平臺
├─resources  //專案圖示
│  │  icon.png  //安裝應用後桌面圖示
│  │  splash.png  //開啟APP後的閃屏圖片
│  │  
│  ├─android
│  │  ├─icon
│  │  └─splash
│  │          
│  └─ios
│      ├─icon
│      └─splash
│              
├─src  //專案路徑,在此編輯自己的專案
│  │  declarations.d.ts
│  │  index.html  //專案入口
│  │  manifest.json
│  │  service-worker.js
│  │  
│  ├─app
│  │      app.component.ts  //初始化專案,定義rootPage
│  │      app.module.ts  //專案中所有的module都要在次宣告
│  │      app.scss  //全域性樣式表
│  │      main.dev.ts
│  │      main.prod.ts
│  │      
│  ├─assets  //資原始檔,可將圖片資源放於此處
│  │          
│  ├─pages  //專案頁面
│  │  ├─about
│  │  │      
│  │  ├─contact
│  │  │      
│  │  ├─home
│  │  │      home.html  //.html 
│  │  │      home.scss  //.scss 樣式程式碼
│  │  │      home.ts  //.ts 邏輯程式碼
│  │  │      
│  │  └─tabs
│  │          tabs.html
│  │          tabs.ts
│  │          
│  └─theme  //專案主題,比如可以定義所有頁面的背景色$background-color
│          variables.scss
│          
└─www  //編譯後的專案會儲存在這裡

 

相關文章