3、使用 Angular 构建 Giphy 应用指南

使用 Angular 构建 Giphy 应用指南

1. 搭建 Angular 应用

首先，我们使用 Angular CLI 来搭建一个 Angular 应用。具体操作步骤如下：
1. 创建一个名为 chapter1 的新文件夹。
2. 在该文件夹中打开命令提示符或终端，运行以下命令：

ng new giphy-app

Angular CLI 生成器会创建运行 Angular 应用所需的所有文件和文件夹。

搭建好的项目结构如下：

.
├── .angular-cli.json
├── .editorconfig
├── README.md
├── e2e
│   ├── app.e2e-spec.ts
│   ├── app.po.ts
│   ├── tsconfig.e2e.json
├── karma.conf.js
├── node_modules
├── package.json
├── protractor.conf.js
├── src
│   ├── app
│   │   ├── app.component.css
│   │   ├── app.component.html
│   │   ├── app.component.spec.ts
│   │   ├── app.component.ts
│   │   ├── app.module.ts
│   ├── assets
│   │   ├── .gitkeep
│   ├─