如何使用git命令上传项目至github

推荐

文章开始之前，推荐一下别人写的佳作，大家感兴趣的也可以去读一下。

推荐文章：Nacos架构分析与用法-腾讯云开发者社区-腾讯云

这篇文章系统地介绍了Nacos作为Dynamic Naming and Configuration Service，是构建云原生应用的重要工具，提供了动态服务发现、配置管理和服务管理功能。其总体架构包含命名服务、配置服务和元数据服务，三大组件协同工作，支持微服务架构。Nacos支持单机、集群和多集群模式，满足不同场景需求。服务注册与发现、配置管理和元数据管理是Nacos的核心功能，实现了服务的动态管理和配置的灵活更新。整体来看，Nacos功能全面，易于使用，是微服务架构中不可或缺的一部分

。总的来说是一篇不可多得的实用指南。

前言

为什么要将代码放入 GitHub 进行项目管理 GitHub 是开源社区的重要平台，是基于 Git 的版本控制系统，这使得开发者可以轻松地跟踪和管理代码的变化。而且 GitHub 拥有强大的协作功能，可以进行代码审查，项目管理，和协作开发，同时提供了私有仓库功能，确保信息的安全。

一、如何创建 Github 项目

1、 我的 github 仓库：

<a href="https://github.com/Muying-Zhao?tab=repositories" target="_blank">https://github.com/Muying-Zhao</a>

2、新建项目

• 注册登录账号，点击主页 new 新建项目
• Repository name：muying-rollup（新建项目名）
• Description (optional)：项目描述附加信息，会被放入 md 文件里
• Public 和 Private，选择项目是否开源和私有
• Add a README file：可勾选，自动添加项目的基本信息、安装说明、使用指南以及其它重要的细节。下期介绍如何使用 md 编写笔记。

项目简介：简要介绍项目的名称、用途和特点。 安装指南：提供安装项目的步骤，例如依赖项安装、环境配置等。 使用说明：提供项目的使用方法和示例。 特色功能：列出项目的特色功能或亮点。 示例：提供项目的示例代码或截图。 贡献指南：说明如何贡献代码或报告问题。 许可证信息：列出项目的许可证信息。

# 忽略.DS_Store 所有文件

.DS_Store
node_modules

# 忽略 dist 目录

/dist

# local env files

.env.local
.env.\*.local

# Log files

npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files

.idea
.vscode
_.suo
_.ntvs\*
_.njsproj
_.sln
\*.sw?

• Add .gitignore：让 Git 在提交时忽略特定类型的文件，如以下文件编译生成的文件（如 .class, .jar），可不选。一般会显示如下

日志文件（如 .log） 缓存文件（如 .cache） IDE 自动生成的文件或目录（如 .idea, .vscode） 依赖管理工具生成的文件或目录（如 node_modules, venv，/dist）

image.png

3、上传本地项目

点击 Add file => upload files => choose yout files 打开本地项目输入路径或拖拽上传， 这种方法上传单个 html 文件，js，css 等好使，但上传大型项目如文件夹不好使。故这种方法不推荐

image.png

二、本地使用 github 项目的 git 命令

1、设置全局的用户名和邮箱

创建完 muying-rollupvue 项目使用一下 git 命令，输入你的用户名和邮箱 git config --global user.name "MuYing" git config --global user.email "2479377049@qq.com"

2、复制 github 上需要克隆文件的 Https

如我使用的是 vscode，打开 vscode 然后 ctrl+shift+p 搜索Git:clone 远程源 复制 github 上需要克隆文件的 Https https://github.com/Muying-Zhao/muying-rollupvue.git 选择桌面进行存储，最后将在桌面建立文件夹，并打开克隆的项目

image.png

image.png

三、本地项目上传至 Github

1、首先 github 上已经存在空项目

2、使用命令行切换至上传项目

• 方法一

使用 vscode 打开需要上传的项目 ctrl+shift+p搜索 git init初始化项目 然后点击确认

image.png

• 方法二

使用终端命令行工具

切换到你的项目目录

cd path/to/your/project

初始化 Git 仓库

git init

将本地仓库与远程仓库关联，github 上空项目的 https 链接

git remote add origin https://github.com/Muying-Zhao/muying-rollupvue.git

image.png

3、解决相同类似的报错

1、fatal: refusing to merge unrelated histories 这通常表示你的本地仓库已经有一个名为 origin 的远程仓库关联了。表示你之前已经添加过远程仓库，或者克隆了一个仓库，此时远程仓库已经自动被命名为 origin

image.png

2、如果你确实希望合并这两个分支的历史记录，可以通过添加 --allow-unrelated-histories 标志来强制执行合并操作,但是请注意，合并不相关历史可能导致混乱，因此在执行之前，请确保你知道正在做什么，并且理解合并带来的潜在后果。所以确保 github 上是空项目 fetch 获取远程仓库的更新

git fetch origin
git merge origin/main --allow-unrelated-histories
git push origin main

3、可以选择另建立一个新的分支 如果你当前在 main 主分支上,建立 master 分支，

git fetch origin
git checkout -b master origin/main
git push -u origin master

4、网络原因引起的报错

这种可能是国内网络原因需要使用 vpn 处理，或者使用加速器 建议如果长期网速慢使用不上就使用 gitee 托管吧

image.png

四、提交保存实时更新

1、本地文件添加到 Git 仓库并提交

将所有文件添加到暂存区

git add .

提交更改，并添加提交信息

git commit -m "你的提交信息"

2、使用 vscode 保存

每次修改完会有提示，即使填写提交的内容保存并上传，然后同步实时更改就成功了。

image.png

五、修改默认分支方式

Settings -> General -> Default branch

image.png

次修改完会有提示，即使填写提交的内容保存并上传，然后同步实时更改就成功了。

六、修改默认分支方式

Settings -> General -> Default branch

image.png

七、提交本地代码上传到 git 中

• 初始化 Git 仓库

git init

• 添加文件到暂存区

如果想添加所有文件，可以使用git add .命令。

git add .

如果只想添加特定文件，可以使用 git add 文件名 命令。

git add 文件名

• 提交代码

为了给提交添加说明，可以使用 git commit -m “提交说明” 命令

git commit -m “提交说明”

• 链接远程仓库

在 Git 仓库的远程服务器上创建一个新的仓库，并获取该远程仓库的 URL

git remote add origin 远程仓库的URL

• 推送代码

使用 git push -u origin master 命令将本地的代码推送到远程仓库。

git push -u origin master