用Visual Studio Code和码云 管理代码--【初级全解】2019-11-01

准备内容

  1. 注册码云(Gitee),创建一个项目,得到项目url:https://gitee.com/cplvfx/CPUIAdmin
  2. 下载git安装, 全都按下一步就行了。
  3. 下载VSCode安装。

第一步:注册

你需要打开 https://gitee.com/,注册一个账号


第二步:创建-仓库

这里我所有的都是默认的,除了“选择语言”和“选择编辑器”


第三步:创建仓库成功,你会获得一个连接

https://gitee.com/你的主页地址/你的项目名字

我是的https://gitee.com/cplvfx/CPUIAdmin


第四步:

下载git安装, 全都按下一步就行了。


第五步:生成ssh公钥

码云(Gitee.com)帮助文档_V1.2

http://git.mydoc.io/?t=154712#text_154712

打开Git Bash,安装完git就有这个了。

你可以按如下命令来生成 sshkey:

ssh-keygen -t rsa -C "[email protected]"
 
# Generating public/private rsa key pair...
# 三次回车即可生成 ssh key

三次回车即可生成 ssh key

这里的[email protected]是你的邮箱地址

查看你的 public key

cat ~/.ssh/id_rsa.pub
# ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC6eNtGpNGwstc....

打开码云SSH公钥管理页面 https://gitee.com/profile/sshkeys

路径为: 码云》个人中心》左侧》安全设置》SSH公钥

填写标题:

CPUIAdmin SSH key

公钥:

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC6eNtGpNGwstc...

添加后,回到Git Bash中输入

ssh -T [email protected]

如果有弹出询问(yes/no),输入

yes

 若返回

# Welcome to Gitee.com, YourGiteeName!

作者的返回

You've successfully authenticated, but GITEE.COM does not provide shell access.

 意思是:验证时出现Gitee.com不能提供shell访问 

我在操作的时候并没有提示这个,只要不报错就算成功


Git操作


第六步:初始化Git

首先,你需要执行下面两条命令,作为 git 的基础配置,作用是告诉 git 你是谁,你输入的信息将出现在你创建的提交中。

git config --global user.name cplvfx  
# "你的名字或昵称"
git config --global user.email [email protected] 
# "你的邮箱"

第七步:创建版本库

cd /e/
mkdir CPUIAdmin "创建文件夹名"
cd CPUIAdmin "创建文件夹名"

如果你使用Windows系统,为了避免遇到各种莫名其妙的问题,请确保目录名(包括父目录)不包含中文。


第八步:把目录变成git仓库

git init
# Initialized empty Git repository in E:/YourProjName/.git/

瞬间Git就把仓库建好了,细心的读者可以发现当前目录下多了一个.git的目录,这个目录是Git来跟踪管理版本库的,没事千万不要手动修改这个目录里面的文件,不然改乱了,就把Git仓库给破坏了。


第九步:关联

把一个本地仓库与一个云端Gitee仓库关联。

git remote add CPUIAdmin https://gitee.com/cplvfx/CPUIAdmin

注:CPUIAdmin是我的项目名

URL 地址是项目地址

可以通过命令 git remote -v 查看

git remote -v
#CPUIAdmin       https://gitee.com/cplvfx/CPUIAdmin (fetch)
#CPUIAdmin       https://gitee.com/cplvfx/CPUIAdmin (push)

如果你上面一步出现错误,

提示

fatal: remote origin already exists 

只需要 把项目文件夹下面的 .git文件夹删除即可

如果找不到这个文件夹,控制面板》文件夹选项》查看》【勾选】显示隐藏的文件、文件夹和驱动器》确定》就可以看到了。

然后,接着 git init 上面的哪个步骤

如果你想克隆一个项目,只需要执行:

git clone <项目地址>

第十步:同步

为了保证代码一致性,尽可能的在每次操作前进行一次同步操作

git pull CPUIAdmin master

master是分支名,如果你本地是其他分支,请换成其他分支的名字,另,因为远程仓库与你本地仓库可能存在冲突,故当存在冲突时,请参考进阶篇的如何处理冲突

查看文件夹,会发现 Gitee仓库上 README.md 文件被下载回来了。


第十一步:提交

git作为支持分布式版本管理的工具,它管理的库(repository)分为本地库、远程库。

这里我们把 add(暂存)、提交(commit)、推送(push),放到一起说,因为每次上传代码都需要执行这三步(关于冲突处理、分支合并等以后用到了再研究,本文只说基础部分)。

git add     # 加入到暂存区
git commit  # 提交到本地库
git push    # 发送给远程库

首先,我们打开 README.md ,在里面稍稍加上几个字,保存。这样文件就做了修改。

再来查看git状态

git status
# On branch master
# Changes not staged for commit:
#   (use "git add <file>..." to update what will be committed)
#   (use "git checkout -- <file>..." to discard changes in working directory)
#
#         modified:   README.md
#
# no changes added to commit (use "git add" and/or "git commit -a")

会提示你modified: README.md ,意思是这个文件被修改了。no changes added to commit 是说目前暂时没有文件放到暂存区。

所以我们将文件加入暂存区。

git add -A

-A表示将所有文件的修改,文件的删除,文件的新建,都添加到暂存区。

然后提交到本地库,并附加注释。

git commit -m "第一次提交"
# [master 1cc3dd5] 第一次提交
#  1 file changed, 1 insertion(+), 1 deletion(-)

-m后面的是本次提交的说明,通常可以备注你改了什么,便于以后翻看历史记录时,能直观知道这是哪个版本,这个版本改了些什么东西。

最后推送到远程库,也就是Gitee上的项目里。

git push CPUIAdmin master

#我的代码
#e:\cp\admin-template\CPUIAdmin>git push CPUIAdmin master
#Enumerating objects: 149, done.
#Counting objects: 100% (149/149), done.
#Delta compression using up to 4 threads
#Compressing objects: 100% (140/140), done.
#Writing objects: 100% (148/148), 1.11 MiB | 1.69 MiB/s, done.
#Total 148 (delta 4), reused 0 (delta 0)
#remote: Resolving deltas: 100% (4/4), completed with 1 local object.
#remote: Powered By Gitee.com
#To https://gitee.com/cplvfx/CPUIAdmin
#   46d2d7f..5b914d9  master -> master

在这一步操作的时候他会提示你输入【码云】的账号密码登录

如果输入密码错误,就只会提示,不会让重新输入。

解决:

控制面板》用户账户》管理你的凭证》

找到URL为【gitee.com】的凭证,

展开》编辑

就可以修改了

当然,你也可以删除后重新输入


第十二步:VSCode

 

点击 文件 > 将文件夹添加到工作区 > E:/YourProjName/ 就完成了。

无需任何配置,VSCode自动获取.git配置实现代码管理: 发生变动的文件或代码会有颜色提示,而且可以对比前后改了哪些地方。

需要上传的时候: 

点击+号,加入暂存;

 在[ 消息 (按 Ctrl+Enter 提交) ]中输入commit注释; 

点击同步图标,push出去。

或者

 点击 VSCode 顶部的 查看》终端 (快捷键 Ctrl+`)


 我的就是通过 终端命令 提交的

然后依次执行如下语句:

初始化:
git init
定向到你的代码仓库:
http连接那里替换成你代码仓库的网址,就是刚才让红框复制的那个网址。
git remote add CPUIAdmin https://gitee.com/cplvfx/CPUIAdmin
上传并添加评论:
git add .
git commit -m "第一次提交"
git push CPUIAdmin master
——这里注意,如果你项目中有redme文件而且在码云网站上创建仓库时也生成了redme文件话要加上 -f
到此,项目就传到码云的网站上了。
 


在VS code中更新文件

那么,如果几天后我修改了项目文件想同步上去怎么做呢?
其实VS code中非常简单,

当你在项目中新建文件有,项目会有着色提示如下:

在你写完代码并保存了以后,VS code会实时的把本地文件跟网上仓库存的文件做对比,其中不同的文件全部在左侧能够看到(红框),如果你确认没问题,点击红箭头的指向的对勾就可以提交。

这里会出一个对话框,不用管它点击是就行了,随后VS code会让你输入这次提交的评论(我理解的是备注)。

输入一些可以帮你回忆本次提交的内容或作用的评论,按Enter确认。

最后一步,在VS code的左下角,点击同步更改(红色箭头),内容就都发到网上的仓库去啦。

原:

提交后:


参考:

在VSCode中使用码云(Gitee)进行代码管理

https://blog.csdn.net/watfe/article/details/79761741

使用Visual Studio Code和码云进行源代码管理——从上传到协作

https://blog.csdn.net/ren19950410/article/details/83753855

码云(Gitee.com)帮助文档_V1.2

http://git.mydoc.io/?t=180691#text_180691

http://git.mydoc.io/?t=154712#text_154712

git 教程

https://www.liaoxuefeng.com/wiki/896043488029600/896827951938304

发布了252 篇原创文章 · 获赞 94 · 访问量 54万+

猜你喜欢

转载自blog.csdn.net/cplvfx/article/details/102859065