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

相关推荐
墨天梦6 小时前
D03_Compose列表与稳定身份
android·gitee·kotlin
小凯在掘金7 小时前
Shadow DOM 和 Virtual DOM ?别再傻傻分不清
前端·html
信可维7 小时前
AI 说「改完了」怎么确认真改完了:git diff + 测试 + 一张验收表的 3 步复核
人工智能·git
RuoyiOffice8 小时前
SpringBoot+Vue3+Onlyoffice 企业文件生命周期:上传、业务关联、权限、版本与安全清理
spring boot·vue3·文件管理·对象存储·权限控制·ruoyi office·附件管理
Sun子矜9 小时前
Git+Gitee 新手教程精简归纳版
git·gitee
亿道电子Emdoor9 小时前
【Perforce】Klocwork-kwgcheck图形化界面无法打开如何解决
git·python·github
song50113 小时前
React Native for OpenHarmony 实战:三方库 react-native-css-transformer 的鸿蒙化适配指南
css·人工智能·深度学习·react native·transformer
创世虚拟世界1 天前
我做了一个 3D 虚拟世界基底,基于这个再做 3D 虚拟世界或者元宇宙,会事半功倍
javascript·人工智能·3d·gitee·虚拟现实
7177771 天前
有没有国产 Jira?2026 年主流国产替代方案对比与 Gitee 定位解析
gitee·jira
小此方1 天前
「插曲:Git」企业规范篇:DevOps开发模型、Git Flow五类分支设计与测试/预发布/生产环境Bug修复及Hotfix紧急发布流程
git·bug·devops