星期六, 8月 08, 2020

使用 vscode 同步 gitlab 專案小記

使用 vscode 同步 gitlab 專案小記


OS: opeSUSE Leap 15.1

GitLab: gitlab.com

vscode: 1.47.3


上次寫 GitLab 在 openSUSE Leap 的安裝


今天要來小記, 在 gitlab 上面建立帳號與專案之後, 如何簡案的在 vscode 內進行 git commit 與 push 來同步檔案


首先要來處理 GitLab 上面的 SSH Key, 這邊是以 gitlab.com 為例


登入 https://gitlab.com 

到 GitLab 的 SSH Key 頁面


將 SSH 的公鑰 ( id_rsa.pub 之類 ) 貼到 Key 區域內

加入名稱

選取有效日

點選 Add Key




開啟自己的專案頁面 https://gitlab.com/dashboard/projects

點選要同步的專案


點選 Clone

複製 git 的 URL




回到自己的機器上面, 在終端機上進入到想要 clone 的目錄

使用 git clone 指令複製目錄到本機


> git  clone  git@gitlab.com:sakanamax/testgitlab.git


正複製到 'testgitlab'...

remote: Enumerating objects: 3, done.

remote: Counting objects: 100% (3/3), done.

remote: Total 3 (delta 0), reused 0 (delta 0), pack-reused 0

接收物件中: 100% (3/3), 完成.


  • 將 git clone 後面的 URL 換成自己專案的 URL


接下來進行測試

vscode 內含 git 相關功能, 如果單純以 git 功能來說, 我比較喜歡 smartgit , 但是現在 vscode 是自己的主要編輯器, 所以大部分的行為希望可以在 vscode 內完成


開啟 vscode

點選 File -- > 點選 Open Folder

開啟剛剛 clone 下來的目錄




嘗試編輯檔案, 這邊以編輯 README.md 為例

儲存檔案之後, 就會發現

左邊的 source control 就會出現有 pending change


點選左邊的 source control 按鈕

點選 + 符號進行 Stage Change



觀察資訊

檔案從 Changes 移動到 Stage Changes



接下來就是進行 commit

輸入 Message 

點選 Commit (打勾符號)



推送到遠端的 GitLab

點選 SOURCE CONTROL 的選項按鈕 ...

點選 PUSH


到 GitLab 觀察檔案有沒有更新

大功告成 :)


Notes: 

  • 這邊紀錄一個小插曲, 在 Push 到遠端的時候 pending, 雖然有顯示 git output 還是資訊不足, 後來是使用 smartgit 去進行 push 動作的時候, 出現了遠端的主機 沒有記錄到 ~/.ssh/knowhost , 然後 smartgit 也讓我選我的 SSH 私鑰是那一把, 成功在 smartgit push 完之後,  vscode 這邊就沒有問題了 


往 gitlab 又前進一步

~ enjoy it


Reference

沒有留言: