10分鐘教你用Github管理自己的代碼-圖形篇

之前記錄過一篇關於Git入門文章, 是基於命令行的, 很多朋友說命令行用得不多, 有個圖形篇的介紹一下就更好, 於是本文用熱度較高的IntelliJ IDEA來做個例程,希望大家用得上.

10分鐘教你用Github管理自己的代碼-圖形篇

先來複習一下Git的常用流程和指令

Git init : 初始化倉庫

Git add –A : 添加新文件

Git commit –m “提交信息” : 本地提交代碼

git remote add origin giturl : 添加遠程git地址

git push -u origin master: 提交主分支文件到遠程git倉庫並建立關聯

git push : 推送文件到遠程倉庫

Git基本設置

在IntelliJ IDEA的Settings(設置)中找到Git, 把你本機的git.exe路徑設置好, 並點一下[Test]測試看看是否正常

(什麼? 你問怎麼裝git? 請移步查閱上一篇文章《程序員怎能不會用Git?10分鐘教你用Github管理自己的代碼-遠程篇》)

10分鐘教你用Github管理自己的代碼-圖形篇

設置Github

Auth Type設置有2種, 一個是Password,另一個是Token

以Password為例, 填入你的Github賬號和密碼, 點擊[Test]測試看是否通過

10分鐘教你用Github管理自己的代碼-圖形篇

Git使用: 創建新項目

第一步: git init (初始化倉庫)

先在IntelliJ IDEA中創建一個簡單的Java項目

然後Import into Version Control > Create Git Repository

10分鐘教你用Github管理自己的代碼-圖形篇

選擇新建的項目所在的目錄作為本地倉庫(git repository)

10分鐘教你用Github管理自己的代碼-圖形篇

完成後我們可以用git的命令行工具Bash來檢查一下(僅用於對比, 不喜歡命令行的朋友可以跳過不看)

10分鐘教你用Github管理自己的代碼-圖形篇

來對比一下用IntelliJ IDEA創建過倉庫的目錄和普通目錄的區別, 可以看出IntelliJ IDEA做了與git init命令等效的作用

10分鐘教你用Github管理自己的代碼-圖形篇

第二步: git add –A (添加新文件)

在左側項目文件(根目錄)上右鍵, 可以看到Git已經出現(沒創建倉庫前是沒有這項的喔)

選擇Add

10分鐘教你用Github管理自己的代碼-圖形篇

完成後可以看到左側項目文件變成了綠色,代表Add成功(只是添加成功, 還未提交到倉庫)

10分鐘教你用Github管理自己的代碼-圖形篇

同樣地, 我們在命令行工具中查看一下變化(git status)

10分鐘教你用Github管理自己的代碼-圖形篇

第三步: git commit –m “提交信息” (提交到本地倉庫)

在左側項目文件(根目錄)上右鍵 > Git > Commit Directory…

10分鐘教你用Github管理自己的代碼-圖形篇

在彈出的Commit Changes窗口中, 填寫Commit Message, 這裡要寫上本次提交的代碼備註信息, 方便以後追溯版本時查看每個版本提交的是什麼內容, 填完後直接點[Commit]就可以完成提交到本地倉庫的工作.

10分鐘教你用Github管理自己的代碼-圖形篇

Commit成功後, 項目文件從綠色轉變為白色, 表示已經提交到本地倉庫中

10分鐘教你用Github管理自己的代碼-圖形篇

再到命令行看看commit前後的區別

10分鐘教你用Github管理自己的代碼-圖形篇

第四步git remote add origin giturl (添加遠程git地址)

本地倉庫提交完成後, 我們再來看看怎麼弄到github上面

依然在項目文件根目錄右鍵 > Git > Repository > Remotes…

10分鐘教你用Github管理自己的代碼-圖形篇

選擇你剛才的項目, 然後點右側的+號, 填寫遠程Github新創建的Repository的git url(github.com上創建Repository的方法見前一篇文章)

10分鐘教你用Github管理自己的代碼-圖形篇

注意是添加在你現在正在處理的項目下, 不要填錯origin的位置, 不然後面操作就接不上了

10分鐘教你用Github管理自己的代碼-圖形篇

第五步: git push (推送文件到遠程倉庫)

現在可以推送到Github了: Git > Repository > Push…

10分鐘教你用Github管理自己的代碼-圖形篇

選擇要推送的代碼, 然後點[Push]

10分鐘教你用Github管理自己的代碼-圖形篇

打開Github看看, 是不是已經上傳成功了?

恭喜你

10分鐘教你用Github管理自己的代碼-圖形篇

後面的使用流程, 就是本地有文件添加或修改後:

Add文件 > Commit文件 > Push到Github

Git使用: Clone已有項目

除了我們自己創建項目外, 有時我們也需要從開源的Github上覆制別人成功的項目或例子下來借鑑與學習, 下面來看看怎麼下載別人的代碼(或自己的代碼)

第一步: 獲取Github上的源碼地址

本例中: https://github.com/visionsl/Intellij_demo

拿到git的地址是[email protected]:visionsl/Intellij_demo.git

第二步: clone

在菜單中選擇 VCS > Checkout from Version Control > Git

10分鐘教你用Github管理自己的代碼-圖形篇

URL: 填寫[email protected]:visionsl/Intellij_demo.git

Directory: 填寫你準備接收項目文件的本地目錄

填好後點一下[Test], 顯示Connection successful則表示地址有效可用, 點擊[Clone]

10分鐘教你用Github管理自己的代碼-圖形篇

等待下載完成後, 提示是否為剛下載的文件創建一個項目,選擇[Yes]

10分鐘教你用Github管理自己的代碼-圖形篇

默認第一個選項

10分鐘教你用Github管理自己的代碼-圖形篇

這裡我用了與下載目錄相同的目錄來放項目, 所以提示是否覆蓋, 選擇[Yes]

10分鐘教你用Github管理自己的代碼-圖形篇

後面就是項目創建的標準過程, 一路Next即可

完成後看到下圖, 項目已經成功Clone下來! 你可以使用並修改它們了.

10分鐘教你用Github管理自己的代碼-圖形篇

版本管理的使用習慣, 不管是SVN還是Git, 建議幾點:

- 先Update再Commit: 先從遠程更新到本地, 沒有衝突再提交自己的代碼

- 先解決衝突再Commit: 遠程代碼與本地代碼有衝突, 一定要先解決再提交

- 提交代碼養成寫備註的習慣: 方便以後溯源歷史版本時快速分辨

- 完成階段性功能再提交到遠程倉庫: 儘量讓倉庫保持有效可運行的版本

- 圖形化Git很好用, 但也要學習命令行用法: 你總會用得上的!


分享到:


相關文章: