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

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修改后

相关推荐
mortimer1 小时前
安装NVIDIA Parakeet时,我遇到的两个Pip“小插曲”
python·github
心之语歌3 小时前
Spring AI MCP 客户端
人工智能·spring·github
yeshan3336 小时前
使用 Claude Code 的自定义 Sub Agent 完善博文写作体验
ai·github·agent·claudecode
程序视点6 小时前
望言OCR 2025终极评测:免费版VS专业版全方位对比(含免费下载)
前端·后端·github
玩个冰球7 小时前
Stata 18下载安装教程(非常详细),看完这一篇就够了(附安装包)
github
Xi_Xu8 小时前
Xget:下一代开源资源获取加速引擎,让你的文件下载、储存库克隆和镜像拉取快如闪电
开源·github
用户40993225021210 小时前
FastAPI的查询白名单和安全沙箱机制如何确保你的API坚不可摧?
前端·后端·github
要加油哦~11 小时前
工具 | 解决 VSCode 中的 Delete CR 问题
ide·vscode·编辑器
计算机毕设定制辅导-无忧学长13 小时前
InfluxDB Flux 查询协议实战应用(二)
github
黄团团16 小时前
SpringBoot连接Sftp服务器实现文件上传/下载(亲测可用)
服务器·spring boot·github