提交 45478929 编写于 作者: F feilong

增加VSCode+Git

上级 3cef31eb
......@@ -4,4 +4,5 @@
__pycache__
*.pyc
*.zip
*.out
\ No newline at end of file
*.out
*.pdf
\ No newline at end of file
{
"node_id": "gml-23b8a7b7033540e388c911bb0298aa7b",
"keywords": [
"VSCode配置Git"
],
"keywords_must": [
"VSCode",
"Git",
"Mac"
],
"keywords_forbid": [
],
"export": []
}
\ No newline at end of file
{
"type": "code_options",
"author": "huanhuilong",
"source": "create_repo.md",
"notebook_enable": false
}
\ No newline at end of file
# 在GitCode上创建一个Git仓库
**第1步:登陆GitCode**
1. GitCode 是CSDN官方的Git代码仓库中心,网站地址是: https://gitcode.net
2. GitCod 的登陆账号就是你的 CSDN 账号。
3. 请使用 CSDN 账号登陆 GitCode
登陆前如图所示:
![](./img/gitcode_01.png)
登陆后如图所示,如果在移动端安装了CSDN App,也可以通过 CSDN App 扫码登陆:
![](./img/gitcode_02.png)
点击右上角的用户头像图标,在下拉菜单里点击“个人主页”,进入你的GitCode个人主页:
![](./img/gitcode_03.png)
**第2步:创建一个Git仓库**
1. 在GitCode个人主页右上角,点击+号按钮,在下拉菜单里点击“新建项目”
2. 在新建项目页面里选择“创建空白项目”
3. 在“创建空白项目”配置页面填写“项目名称”,“项目描述”,并勾选“使用自述文件初始化仓库”
4. 最后点击“新建项目”,创建项目。
新建项目按钮如图所示:
![](./img/gitcode_04.png)
选择创建空白项目如图所示:
![](./img/gitcode_05.png)
“创建空白项目”配置页面填写“项目名称”,“项目描述”,并勾选“使用自述文件初始化仓库”。例如这里第一个项目起名叫做“hello_git”
![](./img/gitcode_06.png)
点击“新建项目”后,如图所示:
![](./img/gitcode_07.png)
**第3步:使用Git命令克隆仓库到本机**
1. 在Git项目页面上拷贝仓库地址。
2. 在本机适用 Git 命令将仓库克隆下来。
如图所示,点击仓库页面上的“克隆”按钮,选择“通过 HTTPS Clone 项目”的地址,并拷贝。这里示例的是:https://gitcode.net/huanhuilong/hello_git.git
![](./img/gitcode_08.png)
如图所示,在本机打开“终端”,输入命令`pwd`,并回车,查看当前终端环境下的工作目录位置,下图显示当前目录在Mac系统个人用户目录下。
![](./img/gitcode_09.png)
如图所示,我们希望将终端环境的工作目录切换到桌面。输入命令`cd /Users/feilong/Desktop`,并回车,进入到桌面。再次输入`pwd`并回车可以看到工作目录已经切换到了桌面。(注意这里的"feilong"应该替换为你自己的Mac系统用户名)
![](./img/gitcode_10.png)
如图所示,现在我们使用 Git 命令来克隆前一节创建的 Git 仓库。输入命令`git clone https://gitcode.net/huanhuilong/hello_git.git`,并回车。
![](./img/gitcode_11.png)
如图所示,Git 会将在GitCode上创建的仓库克隆到本机:
![](./img/gitcode_12.png)
如图所示,此时Mac电脑的桌面上已经有了"hello_git"这个目录:
![](./img/gitcode_13.png)
**第4步:请回答问题**:
通过上面的几个步骤,你已经学会了如何在 GitCode 上创建一个Git仓库,并克隆到本机,以下描述错误的是?
## 答案
```bash
GitCode 不用登陆就可以创建Git仓库,并且会自动将Git仓库从远程克隆到本机。
```
## 选项
### A
```bash
GitCode 可以使用 CSDN 账号登陆。
```
### B
```bash
GitCode 上可以创建并托管一个Git仓库。
```
### C
```bash
GitCode 上创建Git仓库时,可以选择创建空白项目,并配置“项目名称”,“项目描述”,创建时可以勾选“使用自述文件初始化仓库”以简化仓库数据初始化。
```
### D
```bash
在Mac上的终端里可以使用命令`pwd`查看当前工作目录,使用`cd`命令可以切换当前工作目录到桌面。
```
### E
```bash
在Mac上的终端里可以使用`git clone`命令将Git仓库从远程克隆到本机。
```
{
"type": "code_options",
"author": "huanhuilong",
"source": "first_commit.md",
"notebook_enable": false
}
\ No newline at end of file
# 使用VSCode添加MarkDown文件到Git仓库
如图所示,在VSCode的左侧导航列表里,使用右键菜单新建一个目录:doc,并在doc目录下新建一个MarkDown文件`test.md`
![](./img/first_commit_01.png)
如图所示,在`test.md`里编辑几行MarkDown文本(MarkDown语法请学习本技能树第二章),并保存。
![](./img/first_commit_02.png)
如图所示,点击VSCode左侧的“Git面板按钮”,切换左侧导航栏。可以看到按钮上也显示里一个数字1,表示有一个文件发生变动。这里是新增了一个test.md文件。
![](./img/first_commit_03.png)
如图所示,在“源代码管理”下的输入框里输入一个提交信息,这里输入“第一次提交”。
![](./img/first_commit_04.png)
如图所示,在打勾图标的“提交”按钮,将文件的变动提交到Git本地。注意这里的提交只是将变动的文件提交到Git的本地索引系统里,还并不是提交到Git远程仓库。
![](./img/first_commit_05.png)
如图所示,弹框会提示你还没有可提交到暂存更改。这是由于将文件变动提交到Git本地索引是需要两个步骤的,先将文件变动加入到暂存更改,再将暂存更改提交到Git本地索引。这里只需要点击「是」,VSCode会自动把两个步骤都做掉。
![](./img/first_commit_06.png)
如图所示,提交后,VSCode左侧按钮栏的“Git面板按钮”上的数字消失了。我们希望将本地修改推送到GitCode的远程仓库。但是GitCode仓库上,仓库的其他成员可能也添加了文件,因此一般需要在推送前先拉取下变动到本机,如果拉取的过程中远程仓库的文件和本地的文件有冲突,则需要解决冲突,如何解决冲突不在本节考虑的范围。
![](./img/first_commit_10.png)
如图所示,我们进一步点击下来菜单,点击“推送”按钮,将Git仓库的本地索引变动推送到GitCode上的远程仓库。
![](./img/first_commit_07.png)
如图所示,Mac系统可能会提示你输入GitCode仓库的用户名密码,或者之前已经配置过,但是首次推送也会提示是否允许使用。根据提示做相应的授权即可。
![](./img/first_commit_08.png)
如图所示,推送成功后,打开GitCode的 hello_git 仓库,可以看到新增的doc/test.md文件已经提交到仓库。
![](./img/first_commit_09.png)
经过这些操作,你已经学会了在VSCode里给Git仓库添加文件,提交到Git本地索引,拉取远程Git仓库变动到本机,再推送本地Git仓库的变动到远程仓库。以下描述错误的是?
## 答案
```bash
Git仓库文件编辑后,提交变动到Git后,文件就已经推送到了远程仓库。
```
## 选项
### A
```bash
一般情况下推送数据到远程仓库之前,最好先拉取下远程仓库的变动到本地,可能的话需要解决冲突。
```
### B
```bash
VSCode 里文件变动后直接点提交实际上会提示你是否先将文件变动添加到Git的暂存区,再进一步将暂存区变动提交到Git本地索引。
```
### C
```bash
Git 仓库的文件发生变化后,VSCode左侧的Git面板按钮上会显示有变动的文件个数。
```
{
"type": "code_options",
"author": "huanhuilong",
"source": "install_git.md",
"notebook_enable": false
}
\ No newline at end of file
# Mac下配置Git
**第一步,请执行以操作打开Mac下的终端。**
1. 点按程序坞中的“启动台”图标 ,在搜索栏中键入“终端”,然后点按“终端”。
2. 在“访达” 中,打开“/应用程序/实用工具”文件夹,然后连按“终端”。
3. 打开的“终端”一般如下图所示:
![](./img/install_git_01.png)
**第二步,请执行以操作安装Mac下的包管理软件:`brew`。**
简单介绍下`brew``brew`是一个包管理软件,用来安装、更新、卸载Mac上的其他工具包和库。
1. 拷贝命令:`/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"`
2. 在“终端”里粘贴
3. 回车执行,等待brew安装完成,有时候网络慢会等的旧一点,必要时请开VPN。
安装过程如图所示:
![](./img/install_git_02.png)
安装成功后,如图所示:
![](./img/install_git_03.png)
**第三步,请执行以操作,使用刚刚安装的 `brew` 来安装 `git` 的最新版本。**
1. 拷贝命令:`brew install git`
2. 在“终端”里粘贴
3. 回车执行,等待brew安装完git。
4. 安装成功后,关闭终端并重现打开。
5. 重新打开终端后,输入命令`git --version`并回车,查看git的最新版本号。
开始安装如图所示:
![](./img/install_git_04.png)
安装过程如图所示:
![](./img/install_git_05.png)
安装成功如图所示:
![](./img/install_git_06.png)
好了,经过上述操作,你已经成功在Mac系统上使用终端安装了git的最新版本。以下说法错误的是?
## 答案
```bash
Mac下无法打开终端,Mac下的终端无法安装brew,Mac下的终端即使装了brew也不能使用brew安装git。
```
## 选项
### A
```bash
Mac的终端在“应用程序/实用工具”目录下。
```
### B
```bash
brew 是一个Mac的包管理软件,可以用来安装其他包和库。
```
### C
```bash
使用 brew 安装 git 的命令是: brew install git
```
### D
```bash
查看 git 版本号的命令是: git --version
```
{
"type": "code_options",
"author": "huanhuilong",
"source": "install_vscode.md",
"notebook_enable": false
}
\ No newline at end of file
# Mac下安装VSCode并打开Git仓库
1. 打开 https://code.visualstudio.com/ 下载 VSCode Mac版
2. 解压 VSCode-darwin-universal.zip,得到 Visual Studio Code.app
3. 将 Visual Studio Code.app 拖放到 Mac 的“应用程序”里
4. 在应用程序里双击Visual Studio Code打开 VSCode
5. 在VSCode 里按快捷键“command+shift+p”
6. 在打开的输入框里输入 “shell command”
7. 点击下拉菜单:“Shell Command: install 'code' command in PATH”
8. 这样我们就在终端里安装了一个命令`code`,通过这个命令可以在终端里使用`code {dir}`来使用VSCode打开指定目录。
9. 例如打开Mac的终端,输入 `cd /Users/feilong/Desktop/hello_git` 进入到上一节克隆到本机的Git仓库目录。
10. 然后执行命令:`code .`,并回车,就会使用VSCode打开 hello_git 仓库目录。
11. 当然,也可以在打开VSCode后,通过菜单“文件->打开文件夹”的方式打开 hello_git 目录。取决于你更喜欢命令行还是GUI操作。
如图所示,下载VSCode并安装:
![](./img/vscode_01.png)
如图所示,安装code命令到终端:
![](./img/vscode_02.png)
如图所示,在命令下使用`code .`命令打开仓库,这里的 `.` 表示当前目录。
![](./img/vscode_03.png)
如果所示,VSCode里打开了仓库目录,会提示是否信任目录,点击信任。
![](./img/vscode_04.png)
如图所示,VSCode打开了 hello_git 仓库,点击“README.md”文件并显示
![](./img/vscode_05.png)
经过上述操作,你已经学会安装VSCode并打开Git仓库了,以下描述错误的是?
## 答案
```bash
VSCode 只能通过菜单 文件->打开文件夹 来打开目标文件夹。
```
## 选项
### A
```bash
VSCode 可以通过菜单 文件->打开文件夹 来打开目标文件夹。
```
### B
```bash
VSCode 可以通过注册`code`命令到终端,在终端里使用`code {dir}` 的方式打开目录。
```
### C
```bash
VSCode 打开目录时候,如果需要提示是否信任,可以点击信任,因为这个目录就是你自己创建的,你决定信任这个文件夹。
```
### D
```bash
Mac下安装VSCode实际上就是把VSCode程序拷贝到Mac访达里的的“应用程序”下即可。
```
{
"node_id": "gml-0e1928df298a40fbbfc81e73809035ad",
"keywords": [
"VSCode配置Git"
],
"keywords_must": [
"VSCode",
"Git",
"Windows"
],
"keywords_forbid": [
],
"children": [],
"export": []
}
\ No newline at end of file
......@@ -135,6 +135,36 @@
],
"keywords_forbid": []
}
},
{
"极简Git+VSCode(Windows)": {
"node_id": "gml-0e1928df298a40fbbfc81e73809035ad",
"keywords": [
"VSCode配置Git"
],
"children": [],
"keywords_must": [
"VSCode",
"Git",
"Windows"
],
"keywords_forbid": []
}
},
{
"极简Git+VSCode(Mac)": {
"node_id": "gml-23b8a7b7033540e388c911bb0298aa7b",
"keywords": [
"VSCode配置Git"
],
"children": [],
"keywords_must": [
"VSCode",
"Git",
"Mac"
],
"keywords_forbid": []
}
}
],
"keywords_must": [],
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册