Angular 4入门教程系列：2：从HelloWorld去理解Angular程序的组成和启动

最新推荐文章于 2020-06-18 22:34:10 发布

淼叔

最新推荐文章于 2020-06-18 22:34:10 发布

阅读量6.4k

点赞数 3

分类专栏： # 前端 # Angular快速入门文章标签： angular

本文链接：https://blog.csdn.net/liumiaocn/article/details/78366404

版权

本文介绍了Angular 4项目创建后骨架文件的组成，包括Angular的整体架构，启动过程和根模块的角色。通过`ng new`创建的项目包含了29个文件，用于构建Angular应用的基础。Angular应用由组件、服务和模块构成，启动过程由引导根模块完成，通常在`main.ts`中进行。根模块通过@NgModule装饰器定义，包括配置如bootstrap的组件。此外，文章探讨了数据和显示的分离，组件通过@Component装饰器实现模板、样式和数据的结合。

摘要由CSDN通过智能技术生成

这里写图片描述
上篇文章中我们了解到了如何使用cli创建一个项目骨架，接下来我们来学习一下这个项目骨架的组成以及Angular程序的启动过程。

ng new HelloAngular

ng new HelloAngular创建了名为HelloAngular的一个Angular项目框架，创建了程序骨架，然后下载了所需的依赖库。创建了程序的骨架，具体有如下29个文件：

/workspace # ng new HelloAngular
  create HelloAngular/README.md (1028 bytes)
  create HelloAngular/.angular-cli.json (1290 bytes)
  create HelloAngular/.editorconfig (245 bytes)
  create HelloAngular/.gitignore (516 bytes)
  create HelloAngular/src/assets/.gitkeep (0 bytes)
  create HelloAngular/src/environments/environment.prod.ts (51 bytes)
  create HelloAngular/src/environments/environment.ts (387 bytes)
  create HelloAngular/src/favicon.ico (5430 bytes)
  create HelloAngular/src/index.html (299 bytes)
  create HelloAngular/src/main.ts (370 bytes)
  create HelloAngular/src/polyfills.ts (2667 bytes)
  create HelloAngular/src/styles.css (80 bytes)
  create HelloAngular/src/test.ts (1085 bytes)
  create HelloAngular/src/tsconfig.app.json (211 bytes)
  create HelloAngular/src/tsconfig.spec.json (304 bytes)
  create HelloAngular/src/typings.d.ts (