Angular 动画登录页面教程：基于 ng-animated-login

1. 目录结构及介绍

该项目遵循Angular CLI的标准生成结构，其主要目录结构如下：

.
├── angular.json            // Angular配置文件，定义构建选项和工作区配置
├── editorconfig           // 编辑器配置文件，保证代码风格一致
├── gitignore               // Git忽略文件列表
├── karma.conf.js           // 单元测试配置文件
├── package-lock.json       // npm包依赖的具体版本锁定文件
├── package.json            // 包含项目依赖和脚本命令的主文件
├── protractor.conf.js      // 端到端测试配置文件
├── README.md               // 项目说明文档
├── src                     // 主要源码目录
│   ├── app                 // 应用的核心模块，包含组件和服务等
│   ├── assets              // 静态资源，如图片、字体文件等
│   ├── environments        // 环境配置文件，用于区分开发环境与生产环境
│   ├── index.html          // HTML入口文件
│   ├── main.ts             // 应用的主入口文件
│   ├── polyfills.ts        // 兼容性polyfills文件
│   ├── styles.css          // 全局样式文件
│   └── test.ts             // 测试设置文件
├── .editorconfig
├── .gitignore
├── LICENSE                 // 许可证文件，采用MIT许可
└── tsconfig.json           // TypeScript编译配置文件

2. 项目的启动文件介绍

• main.ts：这是应用的起点。当运行ng serve以启动开发服务器时，TypeScript编译器从这个文件开始执行。它初始化Angular的应用，并将根模块.bootstrapModule()方法调用来启动整个应用。

3. 项目的配置文件介绍

• angular.json：这是Angular工作区的全局配置文件。包含了所有项目的构建和开发服务器相关的配置，例如输出目录、开发服务器端口、预处理器设置等。

• tsconfig.json：TypeScript编译配置文件，定义了编译过程中的编译器选项，如目标ES版本、模块系统、是否严格类型检查等，对TypeScript源码进行编译的规则。

• .editorconfig：编辑器配置文件，确保跨编辑器的代码格式一致性，比如缩进方式、编码格式等。

• package.json：核心文件之一，包含项目的元数据、脚本命令（如build、serve等）、依赖项和devDependencies（开发工具）列表。

以上是关于ng-animated-login的基本结构和关键配置文件的简述，遵循这些指南可以帮助您快速理解和上手此项目。在进行开发之前，请确保安装有Node.js和Angular CLI，并通过npm或yarn安装项目依赖。