ionic3.x - 目錄結構分析

hooks：編譯 cordova 時自定義的腳本命令，方便整合到咱們的編譯系統和版本控制系統中
node_modules ：node 各種依賴包
resources ：android/ios 資源（更換圖標和啓動動畫）
src：開發工做目錄，頁面、樣式、腳本和圖片都放在這個目錄下
www：靜態文件
platforms：生成 android 或者 ios 安裝包路徑（ platforms\android\build\outputs\apk：apk
所在位置）執行 cordova platform add android 後會生成
plugins ：插件文件夾，裏面放置各類 cordova 安裝的插件
config.xml: 打包成 app 的配置文件
package.json: 配置項目的元數據和管理項目所須要的依賴
tsconfig.json: TypeScript 項目的根目錄，指定用來編譯這個項目的根文件和編譯選項
tslint.json：格式化和校驗 typescript

src 工做目錄：

app ：應用根目錄
assets ：資源目錄（靜態文件（圖片，js 框架。。。）各
pages ：頁面文件，放置編寫的頁面文件，包括：html，scss，ts。
theme ：主題文件，裏面有一個 scss 文件，設置主題信息

 

app.module.ts 分析：

//根模塊 告訴ionic如何組裝應用

//引入 angular 以及ionic的系統模塊

import { NgModule, ErrorHandler } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';

import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';

//引入components模塊

import { ComponentsModule } from '../components/components.module';

//引入根組件

import { MyApp } from './app.component';

//頁面 自定義的組件

import { AboutPage } from '../pages/about/about';

import { ContactPage } from '../pages/contact/contact';

import { HomePage } from '../pages/home/home';

import { TabsPage } from '../pages/tabs/tabs';

//ionic打包成app之後配置啓動畫面 以及導航條的服務  （不用管）

import { StatusBar } from '@ionic-native/status-bar';

import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({

  declarations: [   /*申明組件*/

    MyApp,

    AboutPage,

    ContactPage,

    HomePage,

    TabsPage

  ],

  imports: [  /*引入的模塊 依賴的模塊*/

    BrowserModule,

    ComponentsModule,

    IonicModule.forRoot(MyApp)

  ],

  bootstrap: [IonicApp],  /*啓動的模塊*/

  entryComponents: [   /*配置不會在模板中使用的組件*/

    MyApp,

    AboutPage,

    ContactPage,

    HomePage,

    TabsPage

  ],

  providers: [   /*配置服務*/

    StatusBar,

    SplashScreen,

    {provide: ErrorHandler, useClass: IonicErrorHandler}

  ]

})

export class AppModule {}