-e2e:端对端测试文件-node_modules:项目所需要的依赖包-resources:Android / iOS 资源 (更换图标和启动动画)-src:开发工作目录,页面、样式、脚本和图片都放在这个目录下 - app:应用根目录(组件、页面、服务、模块) - assets:资源目录(静态文件,图片,js框架...) - theme:主题文件,里面有一个scss文件,设置主题信息 - global.scss:全局 css 文件 - index.html:index 入口文件 - main.ts:主入口文件 - karma.conf.js / test.js:测试相关的配置文件 - polyfills.ts:这个文化包含 Angular 需要的填充,并在应用程序之前加载-www:静态文件,ionic build --prod 生成的单页面静态资源文件-platforms:生成 Android 或者 iOS 安装包需要的资源(cordova platform add Android后会生成)-plugins:插件文件夹,里面放置各种cordova安装的插件-config.xml:打包成 app 的配置文件-package.json:配置项目的元数据和管理项目所需要的依赖-ionic.config.json:ionic配置文件-angular.json:angular配置文件-tsconfig.json:TypeScript 项目的根目录,指定用来编译这个项目的问根文件和编译选项-tslint.json:格式化和校验 typescript
# app.module.ts /*这个文件是Ionic 根模块,告诉 Ionic 如何组装应用*///angular 核心import { NgModule } from '@angular/core';//BrowserModule,浏览器解析的模块import { BrowserModule } from '@angular/platform-browser';//路由import { RouteReuseStrategy } from '@angular/router';//ionic 核心模块import { IonicModule, IonicRouteStrategy } from '@ionic/angular';//启动画面插件相关服务import { SplashScreen } from '@ionic-native/splash-screen/ngx';//导航条插件相关服务import { StatusBar } from '@ionic-native/status-bar/ngx';//路由模块import { AppRoutingModule } from './app-routing.module';//根模块import { AppComponent } from './app.component';@NgModule({ declarations: [AppComponent],//配置当前项目运行的组件 entryComponents: [], imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],//配置当前模块运行依赖的其他模块 providers: [//配置项目所需要的服务 StatusBar, SplashScreen, { provide: RouteReuseStrategy, useClass: IonicRouteStrategy } ], bootstrap: [AppComponent] //指定应用的主视图(称为根组件)通过引导根 AppModule来启动应用,这里一般写的是根组件})export class AppModule {}