Новый проект
e2e: встык тестовый файл node_modules: Необходимый проект зависимостей Ресурсы: Android / Ios ресурсы (замена значка и запустить анимацию) SRC: развитие рабочего каталога, страницы, стиль, сценарий и фотографии размещены в каталоге WWW: Статическая файл, ионные Сложение - одностраничный статические файлы ресурсы прод поколение платформы: ресурс поколения андроид или ИОС установки пакет необходимы --- (после Cordova платформы добавить андроид генерирует) плагины плагины папку, которые помещены в установку из множества Кордовы плагин config.xml: упаковано в профилях приложений пакета Штраф за .json: метаданные элемента конфигурации и управление проектами , необходимого для полагаться ionic.config.json, ionic.starter.json: ионный профиль angular.json углового профиля TSconfig. JSON: машинопись корневой каталог проекта, корневой файл и опции компиляции , используемые для составления проекта указано tslint.json: форматирование и проверка машинописный
Ionic4.x исходным текстам следующий анализ файла
Приложение: Приложение корневого каталог (компоненты, страница, услуги, модули ...) Активы: Каталог ресурсов (статические файлы (изображения, JS рамки ...) Тема:. Файл темы, который имеет файл SCSS, информации о наборе заглавной , Ltd. Бесплатно Join. СКС: глобальный CSS файл index.html: запись файлы индекса main.ts документ: основной впускной karma.conf.js / в test.js: тест связанного профиль polyfills.ts: этот файл содержит наполнитель ANGULAR требуемых, и применение Перед загрузкой
app.module.ts анализ
// Файл: корневой модуль рассказывает как ионные сборки приложения // ионный Угловой основной документ Импорт {} из NgModule @ Углового / Core ' ; Импорт {} из BrowserModule @ угловой / Платформа-Browser' ; Импорт {} из RouteReuseStrategy ' Угловая @ / Router « ; Импорт {IonicModule, IonicRouteStrategy} от» @ ионического / Угловая « ; // Ионный упаковывают в приложение после настройки экрана запуска и навигационных услуг (не контролировать) Импорт {из} в SplashScreen» @ Ионный-Native / экран-Всплеск / NGX ' ; Импорт {из} в StatusBar' @ Ионная-Native / Статус-бар / NGX ' ; // профиль введение маршрут Импорт {} из AppRoutingModule' ./app-routing.модуль»; // ввод т в Agrobacterium сборки Импорт {} из './app.component' AppComponent ; @NgModule ({ Объявления: [AppComponent], // объявить сборки entryComponents: [], // расположенные компоненты не используются в шаблоне импорта : [BrowserModule, IonicModule.forRoot (), AppRoutingModule] // зависимостей модуля введены модуль поставщики: [ // настроить службы StatusBar, SplashScreen, {Предоставлять: RouteReuseStrategy, useClass: IonicRouteStrategy} ], на Bootstrap: [AppComponent] }) Экспорт класс AppModule {}
приложение-routing.module.ts анализ
импорт {NgModule} от '@ угловой / ядро' ; // 路由相关配置 импорт {PreloadAllModules, RouterModule, Маршруты} из @ угловой / маршрутизатор ' ; // 路由配置 константные маршруты: Маршруты = [ {путь: '', loadChildren: './tabs/tabs.module#TabsPageModule' }, {путь: 'Кнопка', loadChildren:»./button/button.module#ButtonPageModule ' } ]; @NgModule ({ импорт: [ RouterModule.forRoot (маршруты, {preloadingStrategy: PreloadAllModules}) ], экспорт: [RouterModule] }) экспорта класс AppRoutingModule {}