一、安装git
桌面上右键,出现git相关的菜单就是安装成功了
二、在git官网上创建新仓库
https://gitee.com
点击右上角加号新建仓库,填写名称,点击创建即可
创建后git会给出简易命令,页面先不要关,后面用得到
三、在本地项目文件中配置git
1、找到本地vue项目的文件夹,cmd进去
2、git全局设置
3、初始化本地仓库
git init
这样项目目录里面会多出一个.git的文件夹(因为是隐藏文件,需要打开显示隐藏文件才能看到)
4、上传代码至本地仓库
添加项目目录下代码到本地仓库,“.” 代表全选,如果文件过大,可能需要较长的时间,耐心等待即可
git add .(点和add中间有空格)
四、本地仓库与远程仓库连接
先查看这个项目是否有连接远程仓库 git remote -v
如果有的话,可以先删除掉 git remote rm origin
现在连接仓库,复制下面的命令执行
执行完成后,可以在git官网上看到已经上传的项目代码
五、在vscode上传代码
1、vscode查看源代码管理,找到配置的项目选择远程,删除远程库,能看到刚刚配置好的远程仓库
这里不要真的删除,只是看下vscode里是否连接成功了
2、更改一个文件,上传新代码
about中加几个感叹号,可以在源代码管理中看到新增了一个更改过的文件
点击更改文件旁的加号,添加到暂存更改中
填写提交的描述,先拉取下远程仓库代码,然后点击提交,点击同步更改
3、查看是否上传成功
在源代码管理图里面看到历史提交,已显示刚刚提交的内容
在git官网上也能看到刚刚提交的内容