使用Github页面部署Angular应用程序

在开发Angular应用程序时，我们需要找一个可靠的平台来托管我们的代码和打包后的文件，以便轻松地分享和部署。Github提供了一个免费的托管平台，并且允许我们 使用Github Pages 来托管我们的应用程序。

本文将为您介绍如何将您的Angular应用程序部署到Github Pages上。以下为具体的步骤：

配置Github Pages

1. 在您的Github账户中，创建一个新的 repository，并保持其名称与您的 Angular 应用程序名称相同。例如，如果您的 Angular 应用程序名称为 MyApp，则在Github账户中创建一个名为 MyApp 的新存储库。
2. 然后，控制台进入应用程序目录，运行 ng build --prod 命令编译你的应用程序，这将编译好的应用程序放在 dist/ 目录下。

部署Angular应用

1. 在 dist/MyApp 目录下，打开终端并运行以下命令：

   git init
   git add .
   git commit -m "Initial commit"
   

   上述命令用于将构建好的 Angular 应用程序发布到我们之前创建的 Github repo 中。

2. 现在，我们需要推送（push）我们的应用程序到 Github repo 中。运行以下命令：

   git remote add origin https://github.com/YourUsername/MyApp.git
   git push -u origin master
   

以上命令将您的应用程序上传到 Github repository 中的主分支。

配置Github Pages

1. 在 Github repository 页面中，单击Settings选项卡，并向下滚动到 Github Pages 部分。
2. 在 Source 标题下，选择 master branch 到 /(root)。
3. 您将注意到 deploy 现在已经成功。在页面顶部，您将看到一个绿色的提示文本，告诉您的站点的 URL。这就是您的应用程序的新地址。

在您的 Angular 应用程序中，点击这个 URL，您应该可以看到您已经成功地将应用程序部署到Github Pages中了！

Markdown

# 使用Github页面部署Angular应用程序

在开发Angular应用程序时，我们需要找一个可靠的平台来托管我们的代码和打包后的文件，以便轻松地分享和部署。Github提供了一个免费的托管平台，并且允许我们 使用Github Pages 来托管我们的应用程序。

本文将为您介绍如何将您的Angular应用程序部署到Github Pages上。以下为具体的步骤：

## 配置Github Pages

1. 在您的Github账户中，创建一个新的 repository，并保持其名称与您的 Angular 应用程序名称相同。例如，如果您的 Angular 应用程序名称为 `MyApp`，则在Github账户中创建一个名为 `MyApp` 的新存储库。
2. 然后，控制台进入应用程序目录，运行 `ng build --prod` 命令编译你的应用程序，这将编译好的应用程序放在 `dist/` 目录下。

## 部署Angular应用

1. 在 `dist/MyApp` 目录下，打开终端并运行以下命令：

    ```
    git init
    git add .
    git commit -m "Initial commit"
    ```
    上述命令用于将构建好的 Angular 应用程序发布到我们之前创建的 Github repo 中。
2. 现在，我们需要推送（push）我们的应用程序到 Github repo 中。运行以下命令：

    ```
    git remote add origin https://github.com/YourUsername/MyApp.git
    git push -u origin master
    ```

以上命令将您的应用程序上传到 Github repository 中的主分支。

## 配置Github Pages

1. 在 Github repository 页面中，单击`Settings`选项卡，并向下滚动到 Github Pages 部分。
2. 在 Source 标题下，选择 `master branch` 到 `/(root)`。
3. 您将注意到 deploy 现在已经成功。在页面顶部，您将看到一个绿色的提示文本，告诉您的站点的 URL。这就是您的应用程序的新地址。

在您的 Angular 应用程序中，点击这个 URL，您应该可以看到您已经成功地将应用程序部署到Github Pages中了！