CodeGym /课程 /Frontend SELF ZH /在 IntelliJ IDEA 中使用 GitHub

在 IntelliJ IDEA 中使用 GitHub

Frontend SELF ZH
第 20 级 , 课程 2
可用

10.1 克隆仓库

还记得我跟你们说过的三个文件存储位置吗?远程仓库、本地仓库和工作目录。

现在,我们要做的就是将你在 GitHub 上创建的远程仓库克隆到你的本地仓库。

所以启动 IntelliJ IDEA,我们开始吧...

步骤1。如果你还没有创建项目,选择这个按钮:

IntelliJ IDEA

如果已经创建了,那么:

IntelliJ IDEA

步骤2。输入你想克隆到电脑的远程仓库的url。

这个方法很有用,特别是当你克隆的是别人的仓库。

IntelliJ IDEA

如果你克隆自己的仓库,通过IntelliJ IDEA登录GitHub会更简单:

IntelliJ IDEA

步骤3。不要相信任何人,即便是自己。

IntelliJ IDEA 警告你不要运行来自未知仓库的代码。这个是你自己的仓库,所以勾选信任IntelliJ IDEA

步骤4。Windows 上的标准杀毒软件会警告,有未知文件出现。杀毒软件对不认识的程序很敏感。

但是!我们要做的就是创建这些程序,所以我们请求IDE告诉杀毒软件不要阻止你的程序。点击“Automatically”,然后“YES”。

IntelliJ IDEA

10.2 第一个提交

如果你克隆的是一个新创建的仓库,它只会包含一个文件——README.md

步骤1。打开 README.md 文件

重要!

文件扩展名 md 意味着 Markdown——这是一种简单的文本文件格式。你可以通过点击右上角的按钮查看其工作方式。

IntelliJ IDEA

随意修改这个文件:你可以写个欢迎信息或者描述仓库。

步骤2。当你对文件做出改变后,IntelliJ IDEA 会在左侧的文件树中用蓝色显示它。 蓝色表示所有已修改的文件,如果这些改动还没有提交到本地仓库。

IntelliJ IDEA

步骤3。提交

当你对文件做出所有计划中的修改(并确认无误)后,我们需要将它们提交到你的本地 git 仓库。 此时它们仅仅在你的工作目录中。

为此,你需要点击 Commit 按钮并勾选所有你想要提交到本地仓库的文件:

IntelliJ IDEA

步骤4。在左下角添加一条描述你修改的注释:

IntelliJ IDEA

步骤5。然后点击“Commit”按钮。

步骤6。检查

切换回你的项目并查看:如果文件不再是蓝色,说明所有修改都成功提交到了你的本地仓库。

IntelliJ IDEA

10.3 处理文件

步骤1。我们在 IntelliJ IDEA 中创建一些文件吧。

IntelliJ IDEA

我们要写 HTML 代码——让它们成为文件:

  • main.html
  • index.html

步骤2。添加文件到本地仓库。

只要 IntelliJ IDEA 发现你创建了文件,就会立刻建议你将它添加到你的本地仓库。 IntelliJ IDEA 只跟踪你工作目录中文件的变动,如果这些文件已经在你的本地仓库中——只有这些文件会被标记为蓝色。

如果文件在你的工作目录中,但不存在于本地仓库,它会被标记为红色——如下图所示:

IntelliJ IDEA

其实你总是可以点击 Add,但这次我们点击“Cancel”,然后手动添加文件,这样你就知道该怎么做。

步骤3。在文件中写下你喜欢的代码。

我写的是:<h1>FIRST COMMIT</h1>

步骤4。现在我们将文件 main.html 添加到本地仓库。

只需在文件的任何地方右键点击并选择 Git-> Add File

IntelliJ IDEA

如果一切顺利,添加的文件会变成绿色:

IntelliJ IDEA

步骤5

。然后按照旧步骤提交它:

IntelliJ IDEA

10.4 第一次推送

现在我们需要将本地仓库中的更改推送到 GitHub 上的远程仓库。 当多个程序员一起合作时,他们通过这种方式同步自己的代码变更。

步骤1. 点击 Push 按钮。

其实很简单:你只需要在 IDE 顶部菜单中使用 Push 按钮:

点击 Push 按钮

步骤2. 确认提交的更改。

在这一步你可以查看所有已提交的更改,并确保没有意外破坏重要的东西。或者没忘记添加其他文件依赖的文件。

确认提交的更改

步骤3. 检查。

如果一切顺利,你会看到这样的消息:

如果一切顺利,你会看到这样的消息

步骤4。现在打开你的 GitHub 仓库检查一下:

IntelliJ IDEA

技术的魔力!

10.5 使用 .gitignore 文件

如果你的项目中有一些服务文件,而你不希望它们意外上传到 GitHub,可以将它们添加到排除列表。 为此有一个名为“.gitignore”的文件。这非常简单和方便。

使用 .gitignore 文件
评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION