如何将 Angular 项目提交到 Github 上

如果你正在开始进行一个 Angular 项目，你可能需要一个地方来存储和分享你的代码。Github 是一个流行的代码托管平台，使用它可以轻松创建，分享和参与 Open Source 项目。在本教程中，我们将讨论如何将整个 Angular 项目提交到 Github 上。

配置本地环境和 Github 账户

在将代码推送到 Github 之前，需要在本地计算机上安装和设置以下环境：

• Git 客户端 - Git 是一个开源的版本控制系统，让你能够管理你的代码仓库的历史记录和变化。你可以从 Git 官网下载和安装 Git。
• Github 账户 - 如果你还没有 Github 帐户，你可以在 Github 网站上注册账户。

在安装完Git之后，需要首次配置当前用户的用户名和邮箱，以标识产生的提交行为。可以在终端中输入以下两条指令完成初始化配置：

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

在 Github 上创建一个仓库

在使用Git管理代码需要一个仓库作为媒介，Github 提供免费的远程代码仓库。可以使用 Github 网站或 Git 命令行工具来创建一个新的远程仓库，或克隆一个已经存在的仓库。

以下是如何在 Github 上创建新的仓库的步骤：

1. 登录 Github 账户，点击 Github 主页右上角的「+」按钮，选择 New repository 创建一个新的仓库。
2. 在「Repository name」字段输入一个有意义的名称。描述应该表明这个仓库包含什么样的应用程序代码。
3. 选择公共或私有仓库，最好选择保持默认的「Public」选项。
4. 确认你的选择，然后按照 Github 网站指示，创建新的仓库。

讲 Angular 项目推送到 Github

下面是将 Angular 项目提交到 Github 的步骤：

1. 打开终端，并使用 cd 命令进入您的 Angular 项目目录。
2. 初始化git项目并添加工作区代码到git暂存区中。

git init
git add .

3. 在 Git 中设置远程仓库的 URL。使用以下命令并替换 <Github 使用者名> 和 <Repository 名称> 以表示远程仓库的 URL。

git remote add origin https://github.com/<Github 使用者名>/<Repository 名称>.git

4. 为 Github 远程仓库创建一个新的分支 - main 并切换到新创建的分支。

git branch -m main
git checkout main

5. 创建第一次提交，并将第一次提交推送到远程仓库。

git commit -m "Initial commit"
git push -u origin main

总结

本教程中介绍了如何将 Angular 项目提交到 Github 上。你需要在本地环境中安装 Git 客户端和配置 Github 账户，在 Github 上创建新的仓库并将本地仓库关联到远程仓库，并将本地仓库中的代码推送到远程仓库的过程。使用这些简单的步骤，你可以轻松地与其他程序员协作和交流，同时将代码安全地存储在云中。