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文件,可以发现已经发生了改变,推送成功

相关推荐
Dlrb121120 小时前
信息查询Web服务器-->电子商城信息查询项目
linux·服务器·数据库·html·嵌入式·epoll·数据查询
zhanghaofaowhrql21 小时前
为CSDN博客编辑器安装自定义CSS主题,打造个性化写作界面
前端·css·编辑器
aichitang202421 小时前
Claude fable 5与GPT5.5模型能力实测
javascript·css·人工智能·ai·html·html5
减瓦1 天前
Windows 环境使用 Git Bash 最佳实践
windows·git
就叫飞六吧1 天前
F12 控制台日志移植到页面案例
javascript·css·html
史呆芬1 天前
CodeX多仓库提交Skill搭建
git·后端·openai
城东1 天前
Git使用[原意要新建分支提交但是误提交到原来分支恢复办法]
git·原意要新建分支提交·但是误提交到原来分支
开发者联盟league1 天前
git 压缩本地最近多个commit
git
赵庆明老师1 天前
Vben精讲:04-了解VSCode中的Git
ide·git·vscode