ANGULAR.JSON是一个包含Angular项目的各种属性和配置的文件。这是构建器引用的第一个文件，用于查找所有路径和配置并检查哪个是主文件。以下是一个hello-world应用程序的angular.json文件。在构建部分下，您可以看到以下选项对象：.ts",//这一行assets"],"styles":["node_modules/bootstrap/dist/css/bootstrap.min.css","src/styles.css"],"scripts":[],"es5BrowserSupport":true}它有一个对main.ts文件的引用，该文件告诉构建器在哪里启动应用程序。main.ts该文件充当应用程序的入口点。这个入口点在webpack中定义，Angular使用它来支持模块化。main.ts的路径/名称可以更改，但也应在angular.json文件中更改。main.ts有助于创建应用程序运行的浏览器环境。这是通过以下方式完成的：import{platformBrowserDynamic}from'@angular/platform-b??rowser-dynamic';此后，main.ts文件调用函数bootstrapModule(AppModule)来告诉构建器引导应用程序。platformBrowserDynamic().bootstrapModule(AppModule)app.module.ts从main.ts文件可以清楚地看出我们正在使用AppModule来引导应用程序。这个AppModule在APP.MODULE.TS文件中定义，该文件位于：/src/app/app.module.ts这是使用@NgModule装饰器创建的模块，它包含我们在app模块组件声明，以便Angular可以识别它们。这里我们还有imports数组，我们可以在其中导入其他模块并在我们的应用程序中使用它们。下面是一个app.module.ts文件的示例，它声明了一个测试组件并导入了两个模块。从'@angular/platform-b??rowser'导入{BrowserModule}；从'@angular/core'导入{NgModule}；从'@angular/forms'导入{FormsModule}；从'./app.component'导入{AppComponent};import{TestComponent}from'./test/test.component';@NgModule({declarations:[AppComponent,TestComponent],imports:[BrowserModule,FormsModule],providers:[],bootstrap:[AppComponent]})导出类AppModule{}AppComponent从上面的app.module.ts文件中，我们可以清楚地看到该模块需要引导应用程序组件。此应用程序组件位于app.component.ts文件中。这是与网页的html交互并为其提供数据的文件。该组件是使用从@angular/core导入的@Component装饰器制作的。该组件有一个选择器，就像一个自定义的html标签，我们可以使用它来调用该组件。然后它有template或templateUrl，其中包含要显示的页面的html。它还具有一个styleUrls数组，可以在其中放置特定于组件的样式表。
