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

相关推荐
工程师平哥2 小时前
【vscode-01】vscode不同项目不同语言扩展插件隔离方案
ide·笔记·vscode·嵌入式硬件·mcu·编辑器
uhakadotcom2 小时前
Python 缓存利器:`cachetools`
后端·面试·github
晓纪同学3 小时前
git使用命令总结
git·gitee·github·gitcode
Beamon__3 小时前
vscode接入DeepSeek 免费送2000 万 Tokens 解决DeepSeek无法充值问题
vscode·deepseek
yqcoder6 小时前
vscode 中快捷生成模板快捷键
ide·vscode·编辑器
Code_流苏7 小时前
VSCode 搭建C++编程环境 2025新版图文安装教程(100%搭建成功,VSCode安装+C++环境搭建+运行测试+背景图设置)
c++·ide·vscode·c++编程·c++环境搭建
CZIDC7 小时前
GitHub 热点速览:AI 智能体开源项目引爆潮流
人工智能·github
狼性书生10 小时前
uniapp 实现的步进指示器组件
前端·uni-app·vue·组件
正经教主10 小时前
【菜鸟飞】通过vsCode用python访问deepseek-r1等模型
ide·vscode·编辑器·ai编程
梓羽玩Python10 小时前
AI浏览器操控革命!MCP-Playwright:AI自动化神器,可执行JS代码进行复杂交互任务!
人工智能·github