CodeGym /課程 /Frontend SELF TW /從IntelliJ IDEA操作GitHub

從IntelliJ IDEA操作GitHub

Frontend SELF TW
等級 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 首次push

現在我們需要把本地儲存庫的變更推送到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