Angular
Angular是一个非常流行的框架，可用于构建反应灵敏、功能强大的前端应用程序。
在本指南中，你将创建一个新的 Angular 应用程序，并使用 Cloudflare Pages 进行部署。
使用 create-cloudflare CLI(C3)创建新项目
使用
create-cloudflare CLI (C3) 建立新项目。C3 将创建一个新的项目目录，启动 Angular 的官方设置工具，并提供即时部署选项。
要使用 create-cloudflare 创建新的 Angular 项目，请运行以下命令：
create-cloudflare 将安装依赖项，包括 Wrangler CLI 和 Cloudflare 页面适配器，并询问你设置问题。
Git 整合
除了直接上传部署外，你还可以通过Git 集成部署项目。Git 集成允许你将 GitHub 或 GitLab 仓库连接到 Pages 应用程序，并在每次推送新提交后自动构建和部署 Pages 应用程序。
设置需要对 Git 有基本了解。如果你是 Git 新手，请参考 GitHub 的 Git 手册汇总，了解如何在本地机器上设置 Git。
创建 GitHub 仓库
访问
repo.new，创建一个新的 GitHub 仓库。创建新仓库后，进入新创建的项目目录，准备并在终端运行以下命令将本地应用程序推送到 GitHub：
创建一个页面项目
- 登录 Cloudflare 仪表板 并选择你的账户。
- 转到 Workers & Pages> Create application> Pages> Connect to Git并创建一个新的 Pages 项目。
如果你尚未授权访问你的 GitHub 帐户，系统将要求你进行授权。Cloudflare 需要这样才能从源代码监控和部署你的项目。如果你愿意，可以缩小对特定版本库的访问范围；但是，当你要向 Cloudflare 页面添加更多版本库时，必须手动更新此列表 在你的 GitHub 设置中。
- 选择创建的新 GitHub 仓库，并在 Set up builds and deployments 部分提供以下信息：
| Configuration option | Value |
|---|---|
| Production branch | main |
| Build command | npm run build |
| Build directory | dist/cloudflare |
你可以选择自定义项目名称字段。它默认为 GitHub 仓库的名称，但不必与之匹配。项目名称**值将被指定为*.pages.dev子域。
- 完成配置后，选择保存并部署。
查看正在进行的第一个部署管道。Pages 按照指定安装所有依赖项并构建项目。Cloudflare Pages 会自动重建项目，并在每次推送新提交时进行部署。
此外，你还可以访问 预览部署，它可以重复拉取请求的构建和部署过程。有了它们，你就可以在将更改部署到生产环境之前，用一个真实的 URL 来预览对项目所做的更改。
了解更多
完成本指南后，你已成功将 Angular 网站部署到 Cloudflare Pages。要开始使用其他框架，请参阅框架指南列表