提交 98064da6 编写于 作者: F feilong

增加VSCode+Git

上级 8f20e47d
......@@ -7,17 +7,23 @@
3. 请使用 CSDN 账号登陆 GitCode
登陆前如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_01.png)
<br/>
登陆后如图所示,如果在移动端安装了CSDN App,也可以通过 CSDN App 扫码登陆:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_02.png)
<br/>
点击右上角的用户头像图标,在下拉菜单里点击“个人主页”,进入你的GitCode个人主页:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_03.png)
<br/>
**第2步:创建一个Git仓库**
1. 在GitCode个人主页右上角,点击+号按钮,在下拉菜单里点击“新建项目”
......@@ -26,21 +32,30 @@
4. 最后点击“新建项目”,创建项目。
新建项目按钮如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_04.png)
<br/>
选择创建空白项目如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_05.png)
<br/>
“创建空白项目”配置页面填写“项目名称”,“项目描述”,并勾选“使用自述文件初始化仓库”。例如这里第一个项目起名叫做“hello_git”
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_06.png)
<br/>
点击“新建项目”后,如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_07.png)
<br/>
**第3步:使用Git命令克隆仓库到本机**
1. 在Git项目页面上拷贝仓库地址。
......@@ -48,27 +63,39 @@
如图所示,点击仓库页面上的“克隆”按钮,选择“通过 HTTPS Clone 项目”的地址,并拷贝。这里示例的是:https://gitcode.net/huanhuilong/hello_git.git
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_08.png)
<br/>
如图所示,在本机打开“终端”,输入命令`pwd`,并回车,查看当前终端环境下的工作目录位置,下图显示当前目录在Mac系统个人用户目录下。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_09.png)
<br/>
如图所示,我们希望将终端环境的工作目录切换到桌面。输入命令`cd /Users/feilong/Desktop`,并回车,进入到桌面。再次输入`pwd`并回车可以看到工作目录已经切换到了桌面。(注意这里的"feilong"应该替换为你自己的Mac系统用户名)
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_10.png)
<br/>
如图所示,现在我们使用 Git 命令来克隆前一节创建的 Git 仓库。输入命令`git clone https://gitcode.net/huanhuilong/hello_git.git`,并回车。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_11.png)
<br/>
如图所示,Git 会将在GitCode上创建的仓库克隆到本机:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_12.png)
<br/>
如图所示,此时Mac电脑的桌面上已经有了"hello_git"这个目录:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/gitcode_13.png)
<br/>
**第4步:请回答问题**:
......
# 极简 Git+VSCode for Mac(4): 使用VSCode添加MarkDown文件到Git仓库
如图所示,在VSCode的左侧导航列表里,使用右键菜单新建一个目录:doc,并在doc目录下新建一个MarkDown文件`test.md`
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_01.png)
<br/>
如图所示,在`test.md`里编辑几行MarkDown文本(MarkDown语法请学习本技能树第二章),并保存。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_02.png)
<br/>
如图所示,点击VSCode左侧的“Git面板按钮”,切换左侧导航栏。可以看到按钮上也显示里一个数字1,表示有一个文件发生变动。这里是新增了一个test.md文件。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_03.png)
<br/>
如图所示,在“源代码管理”下的输入框里输入一个提交信息,这里输入“第一次提交”。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_04.png)
<br/>
如图所示,在打勾图标的“提交”按钮,将文件的变动提交到Git本地。注意这里的提交只是将变动的文件提交到Git的本地索引系统里,还并不是提交到Git远程仓库。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_05.png)
<br/>
如图所示,弹框会提示你还没有可提交到暂存更改。这是由于将文件变动提交到Git本地索引是需要两个步骤的,先将文件变动加入到暂存更改,再将暂存更改提交到Git本地索引。这里只需要点击「是」,VSCode会自动把两个步骤都做掉。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_06.png)
<br/>
如图所示,提交后,VSCode左侧按钮栏的“Git面板按钮”上的数字消失了。我们希望将本地修改推送到GitCode的远程仓库。但是GitCode仓库上,仓库的其他成员可能也添加了文件,因此一般需要在推送前先拉取下变动到本机,如果拉取的过程中远程仓库的文件和本地的文件有冲突,则需要解决冲突,如何解决冲突不在本节考虑的范围。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_10.png)
<br/>
如图所示,我们进一步点击下来菜单,点击“推送”按钮,将Git仓库的本地索引变动推送到GitCode上的远程仓库。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_07.png)
<br/>
如图所示,Mac系统可能会提示你输入GitCode仓库的用户名密码,或者之前已经配置过,但是首次推送也会提示是否允许使用。根据提示做相应的授权即可。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_08.png)
<br/>
如图所示,推送成功后,打开GitCode的 hello_git 仓库,可以看到新增的doc/test.md文件已经提交到仓库。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/first_commit_09.png)
<br/>
经过这些操作,你已经学会了在VSCode里给Git仓库添加文件,提交到Git本地索引,拉取远程Git仓库变动到本机,再推送本地Git仓库的变动到远程仓库。以下描述错误的是?
## 答案
......
......@@ -6,6 +6,7 @@
2. 在“访达” 中,打开“/应用程序/实用工具”文件夹,然后连按“终端”。
3. 打开的“终端”一般如下图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/install_git_01.png)
......@@ -17,11 +18,15 @@
2. 在“终端”里粘贴
3. 回车执行,等待brew安装完成,有时候网络慢会等的旧一点,必要时请开VPN。
<br/>
安装过程如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/install_git_02.png)
<br/>
安装成功后,如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/install_git_03.png)
......@@ -33,19 +38,25 @@
4. 安装成功后,关闭终端并重现打开。
5. 重新打开终端后,输入命令`git --version`并回车,查看git的最新版本号。
<br/>
开始安装如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/install_git_04.png)
<br/>
安装过程如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/install_git_05.png)
<br/>
安装成功如图所示:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/install_git_06.png)
<br/>
好了,经过上述操作,你已经成功在Mac系统上使用终端安装了git的最新版本。以下说法错误的是?
......
......@@ -12,21 +12,37 @@
10. 然后执行命令:`code .`,并回车,就会使用VSCode打开 hello_git 仓库目录。
11. 当然,也可以在打开VSCode后,通过菜单“文件->打开文件夹”的方式打开 hello_git 目录。取决于你更喜欢命令行还是GUI操作。
<br/>
如图所示,下载VSCode并安装:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/vscode_01.png)
<br/>
如图所示,安装code命令到终端:
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/vscode_02.png)
<br/>
如图所示,在命令下使用`code .`命令打开仓库,这里的 `.` 表示当前目录。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/vscode_03.png)
<br/>
如果所示,VSCode里打开了仓库目录,会提示是否信任目录,点击信任。
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/vscode_04.png)
<br/>
如图所示,VSCode打开了 hello_git 仓库,点击“README.md”文件并显示
<br/>
![](https://gitcode.net/csdn/skill_tree_git_md_linux/-/raw/master/data/1.gml%E5%88%9D%E9%98%B6/1.Git%E5%85%A5%E9%97%A8/7.%E6%9E%81%E7%AE%80Git+VSCode(Mac)/img/vscode_05.png)
<br/>
经过上述操作,你已经学会安装VSCode并打开Git仓库了,以下描述错误的是?
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册