Agular基础入门

目录结构==

Agular应用程序的目录结构包含以下几个主要部分：

`src`：源代码目录，包含所有的组件、模块、服务等。 `app.compoe.s`：应用程序的入口文件，通常包含根组件的定义。 `app.module.s`：应用程序的模块文件，用于定义应用程序级别的模块。 `mai.s`：应用程序的启动文件，通常包含Agular的引导过程和根模块的导入。

创建Agular项目------

创建Agular项目有两种方式：使用Agular CLI创建项目和手动创建项目。

### 使用Agular CLI创建项目

1. 安装Agular CLI：使用pm全局安装Agular CLI。

2. 创建项目：运行`g ew u003cprojec-ameu003e`命令，按照提示进行操作即可。

### 手动创建项目

1. 安装ode.js和pm。

2. 创建一个新的文件夹，作为项目的根目录。

3. 在根目录下创建一个`src`文件夹，用于存放源代码。

4. 在`src`文件夹下创建以下文件： `app.compoe.s`：根组件的定义文件。 `app.module.s`：应用程序的模块文件。 `mai.s`：应用程序的启动文件。

5. 在根目录下创建一个`idex.hml`文件，作为应用程序的入口文件。

6. 在根目录下创建一个`syles.css`文件，用于存放样式文件。

7. 在根目录下创建一个`scofig.jso`文件，用于配置TypeScrip编译器选项。

8. 使用pm初始化项目并安装所需的依赖项。

9. 运行项目：在命令行中运行`pm sar`命令，启动开发服务器，预览应用程序。

模块==

定义模块----

在Agular中，模块是用来组织和管理代码的一种机制。可以使用Agular内置的模块也可以手动创建自定义模块。定义模块的语法如下：

```ypescripimpor { gModule } from '@agular/core';

@gModule({ // 模块的配置项})expor class u003cmodule-ameu003e { }```其中，`@gModule`是Agular中用于定义模块的装饰器函数，它接受一个配置对象，用于指定模块的配置项。在配置对象中可以定义以下属性：

`declaraios`：一个包含应用程序中所有组件、指令和服务声明的数组。 `impors`：一个包含应用程序中所有依赖的模块的数组。 `expors`：一个包含应用程序中所有需要导出的组件、指令和服务的数组。