Angular4.0_开发准备

最新推荐文章于 2019-05-19 00:53:10 发布

原创最新推荐文章于 2019-05-19 00:53:10 发布 · 393 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#angular

前端专栏收录该内容

58 篇文章

订阅专栏

本文介绍了Angular项目的启动流程，包括启动时加载的页面和脚本，以及脚本的主要功能。阐述了如何通过main.ts文件设置生产模式，并展示了如何使用platformBrowserDynamic()启动AppModule。此外，还介绍了开发过程中常用的命令及如何集成jQuery和Bootstrap。

启动Angular过程介绍

启动时加载了哪个页面？
启动时加载了哪些脚本？
这些脚本做了什么事？

这里写图片描述

默认情况下是index对应的文件是启动时加载的页面
main.ts是启动时的起点文件

main.ts

//核心模块提供的enableProdMode用来，用来关闭angular的开发者模式
import { enableProdMode } from '@angular/core';
//使用哪个模块来启动应用
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
//命令行工具生成的主模块
import { AppModule } from './app/app.module';
//环境配置
import { environment } from './environments/environment';

//如果是生产模式，就关闭angular的开发者模式
if (environment.production) {
  enableProdMode();
}

//传入AppModule模块来启动应用，应用的起点
platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));