Vue项目上传到GitHub，vscode拉取vue项目更新后推送到GitHub上

银迢迢2025-03-13 11:34

1、新建Vue项目

2、在GitHub新建仓库

3、留意建立好仓库后提示的命令

4、进入vue项目目录，在空白处点击鼠标右键选择git bash here

5、输入命令

复制代码

git init

git add .

git commit -m "注释内容"

输入之前创建GitHub仓库后记下的代码的第一句
git remote add origin https://github.com/......

第二句
git branch -M main

第三句
git push -u origin main

若执行第三句时出现错误：fatal: unable to access 'https://github.com/....../': HTTP/2 stream 1 was not closed cleanly before end of the underlying stream

Git 默认使用 HTTP/2 协议，可以把 HTTP 版本降低到 HTTP/1.1，因为 HTTP/1.1 更稳定

复制代码

git config --global http.version HTTP/1.1

6、打开GitHub仓库可查看到项目

7、在vscode里打开vue项目后，打开终端，输入命令把GitHub仓库克隆到本地

复制仓库http链接

打开vscode后打开vue项目，打开终端

在终端里输入命令

复制代码

git clone https://github.com/hzhao25/SmartMedicalSystem.git

8、修改vue项目里的某些部分后，输入命令查看更改了哪些部分

复制代码

git status

9、添加所有修改文件到暂存区（git暂存区）

复制代码

git add .

若只想添加特定文件

复制代码

git add <文件名>
//git add src/components/HelloWorld.vue

10、把暂存区的内容提交到本地仓库git

复制代码

git commit -m "本次提交描述信息"

11、在推送代码到GitHub之前，最好先拉取GitHub仓库的最新代码，避免出现冲突（如果拉取项目后没有出现冲突，则无需再一次commit，若是拉取后出现冲突，解决冲突后需要再一次commit，然后直接push就可以）

复制代码

git pull origin main

12、把本地的提交推送到 GitHub 仓库

复制代码

git push origin main

GitHub修改前

GitHub修改后