Angular 7 App 文件解释

查看 Angular 7 应用程序在 WebStorm IDE 上的结构（在 IDE 上的外观）。 对于 Angular 7 开发，您可以使用 Visual Studio Code IDE 或 WebStorm IDE。 两者都不错。 在这里，我们使用 JetBrains WebStorm IDE。

Angular 7 App 文件夹中使用的文件

下面给出了 Angular 7 App 文件，这些文件主要在您的项目中使用

• src 文件夹： 这是包含与您的 angular 应用程序相关的主要代码文件的文件夹。
• app 文件夹： app 文件夹包含您为 app 组件创建的文件。
• app.component.css： 此文件包含您的 app 组件的层叠样式表代码。
• app.component.html： 此文件包含与 app 组件相关的 html 文件。 这是 angular 用于进行数据绑定的模板文件。
• app.component.spec.ts： 此文件是与 app 组件相关的单元测试文件。 此文件与其他单元测试一起使用。 它通过 Angular CLI 命令 ng test 运行。
• app.component.ts： 这是最重要的 typescript 文件，其中包含组件背后的视图逻辑。
• app.module.ts： 这也是一个 typescript 文件，其中包含网站的所有依赖项。 此文件用于定义要导入的所需模块、要声明的组件以及要引导的主组件。

其他重要文件

• package.json： 这是 npm 配置文件。 它包括有关您网站的包依赖项的详细信息以及有关您自己的网站作为包本身的详细信息。
• package-lock.json： 这是一个自动生成和修改的文件，每当 npm 执行与 node_modules 或 package.json 相关的操作时，它都会更新
• angular.json： 它是与您的 angular 应用程序相关的非常重要的配置文件。 它定义了您的应用程序的结构，并包括与您的应用程序相关的任何设置。 在这里，您可以在此文件上指定环境（开发、生产）。 我们在此文件中添加 Bootstrap 文件以与 Angular 7 一起使用。
• .gitignore： 此文件与源代码控制 git 相关。
• .editorconfig： 这是一个简单的文件，用于维护代码编辑器中的一致性，以组织一些基本内容，例如缩进和空格。
• assets 文件夹： 此文件夹是应用程序中使用的资源文件（例如图像、区域设置、翻译等）的占位符。
• environments 文件夹： environments 文件夹用于保存环境配置常量，这些常量在构建 angular 应用程序时提供帮助。 这些常量在 2 个单独的 .ts 文件（environment.ts 和 environment.prod.ts）中定义，其中这些常量在 Angular CLI 的 angular.json 文件中使用。 例如，如果您运行 ng build 命令，它将使用开发环境设置构建应用程序，而命令 ng build ?prod 将使用生产环境设置构建项目。
• browserlist： 此文件由 autoprefixer 使用，后者调整 CSS 以支持定义的浏览器列表。
• favicon.ico： 此文件指定一个小的图标，该图标显示在网站的浏览器选项卡旁边。
• index.html： 这是入口文件，它保存 angular 应用程序的高级容器。
• karma.config.js： 此文件指定 Karma 测试运行器的配置文件，Karma 由 AngularJS 团队开发，可以运行 AngularJS 和 Angular 2+ 的测试
• main.ts： 如 angular.json 文件中所定义，这是将首先运行的 main ts 文件。 此文件从 app.module.ts 引导（启动）AppModule，并且可用于定义全局配置。
• polyfills.ts： 此文件是一组代码，可用于为旧浏览器提供兼容性支持。 Angular 7 代码主要用 ES6+ 语言规范编写，该规范在前端开发中得到更多采用，因此由于并非所有浏览器都支持完整的 ES6+ 规范，因此可以使用 pollyfill 来覆盖给定浏览器中缺少的任何功能。
• styles.css:/ 这是 angular 应用程序使用的全局 css 文件。
• tests.ts： 这是 Angular CLI 命令 ng test 将用来遍历应用程序中的所有单元测试并运行它们的主测试文件。
• tsconfig.json： 这是 typescript 编译器配置文件。
• tsconfig.app.json： 用于使用应用程序特定配置覆盖 tsconfig.json 文件。
• tsconfig.spec.json： 这会使用应用程序特定的单元测试配置覆盖 tsconfig.json 文件。