vue3 项目中使用git

一.vue项目创建

二.创建本地仓库并和远程仓库进行绑定

在vue3-project-git 项目文件夹下 初始化一个新的Git仓库,可以看到初始化成功之后就会出现一个.git文件,该文件包含所有必要的 Git 配置和版本控制信息。

创建远程仓库: 打开gitee ,点击右上角 '+'创建仓库

设置ssh密钥:打开gitee,点击右上角头像打开设置,找到ssh公钥

返回git bash命令行工具 ,输入ssh-keygen -t rsa生成公钥,用cat ~/.ssh/id_rsa.pub查看公钥

将ssh公钥选中右键复制,粘贴到gitee生成公钥处,点击确定

将本地仓库推送到远程仓库

git remote add origi 地址

地址从gitee的该远程仓库获取

通过git remote 查看是否绑定了远程仓库,可以看到已经绑定了

执行以下指令将文件提交

git add .

git commit -m 'initial commit'

将本地仓库内容推送到远程仓库

三.用vscode打开vue3-project-git项目,在其中使用git

安装插件git graph

左边出现的新图标 就是安装的扩展

修改了app.vue的内容,然后点击分支的"+"暂存

然后 点击提交,提交上边写上注释

查看日志,可看到提交信息

打开远程仓库,打开app.vue文件,可以发现已经发生了改变,推送成功

相关推荐
FungLeo1 小时前
Flutter Web 中文字体困境与渲染器选择:CanvasKit vs HTML renderer 实战
前端·flutter·html
gis开发之家2 小时前
《Vue3 从入门到大神50篇》Vue3 源码详解(二十):生命周期钩子源码解析 —— onMounted / onUpdated 如何实现?
前端·javascript·前端框架·vue3·vue3源码
7177772 小时前
CODING 进入退市周期后,如何对比 Gitee 与云效的 DevSecOps 与研发效能能力
gitee
Geek-Chow3 小时前
Git 标签与发布流程:轻量标签、附注标签与签名标签
git·tags
wear工程师3 小时前
Git 冲突怎么解决:别只删标记,先看懂暂存区的 1、2、3 阶段
git
村雨遥3 小时前
覆盖提交不等于删除,这才是彻底清除 Git 历史的正确姿势
git·github
淮北4944 小时前
ubuntu22 默认输入法调整频率
运维·服务器·git·ubuntu·elasticsearch
IMPYLH4 小时前
HTML 的 <embed> 元素
前端·数据库·html
必须会一定会5 小时前
用纯 HTML/JS 做一个 AI 需求澄清器:把模糊想法转换成可执行任务书
开发语言·前端·javascript·人工智能·html·ai编程
dunge20265 小时前
2026 ChatGPT Plus / Pro + Codex 实战:从 0 搭一套 AI 编程项目模板,AGENTS.md + Git + 测试一次配好
人工智能·git·chatgpt