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

相关推荐
小和尚同志3 小时前
使用 Certimate 实现自动续签 SSL 证书
开源·github·自动化运维
怣疯knight4 小时前
Flocus+Github实现浏览器书签同步
github
黄金旺铺7 小时前
【GitHub Issue Fetcher】 轻松整理项目问题与解决方案知识库
github·issue
逛逛GitHub8 小时前
GitHub 上贼牛逼浏览器自动化 MCP,已有 2 万人点赞。
github·mcp
AI分享官8 小时前
低代码平台+MonkeyCode混合开发:3天上线一个App的野路子实操
github·ai编程
北冥有鱼被烹9 小时前
【微知】vscode如何自动换行?(Option + Z)
vscode·编辑器
什么半岛铁盒9 小时前
C++项目:仿muduo库高并发服务器--------Any类的实现
linux·服务器·数据库·c++·mysql·github
齐杰拉12 小时前
解决 chrome-devtools-mcp 在 cursor 无法生效的问题。No tools, prompts, or resources
github
绝无仅有13 小时前
MySQL 面试题及详细解答(二)
后端·面试·github
fcm1913 小时前
(6) tauri之前端框架性能对比
前端·javascript·rust·前端框架·vue·react