1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 透過 VS Code 編輯器與Git的版控記錄,一鍵快速將專案回到過去

透過 VS Code 編輯器與Git的版控記錄,一鍵快速將專案回到過去

2022/01/11

梅問題-透過 VS Code 編輯器,一鍵快速透過Git的版控記錄回到過去
  自從開始使用CICD的機制後,讓梅干也慢慢的對版控有些基本的認識,透過CICD讓梅干覺得最酷的是,只要將檔案同步到版控的資源庫後,隨即網站就會開始進行部署,同時每當要把檔案進行上傳與刪除時,都先加註說明,才能將檔案上傳到版本控制的資源庫中,一般比較常見就是GitHub或GitLab,而梅干則是使用Google CloudSource。

但無論是使用什麼平台,Git的指令與使用方法一致,而早期在寫註解時,都想說隨便寫寫就好,直到最近突然想把網站的版面,換回原來的版型,這時才發現到,整個架構與檔案都舊的完全不同,這時才想到說,之前上傳都有版控記錄,那怎麼將它回到之前呢?而這功能,就有點像時光回朔機一樣,可以快速的回到之前,甚至搭配VS Code編輯器,讓你完全無需開啟終端機,透過VS Code全視覺化界面,快速的回到指定的時間呢?因此想知道怎麼設定的朋友,現在也一塊來看看囉!


Step1
首先,進入自己的版控面板,透過自己之前的註解,找到要回朔的點,再把前方的ID拷貝下來。
梅問題-透過 VS Code 編輯器,一鍵快速回朔到Git之前版控記錄
Step2
接著開啟VS Code切到「原始檔控制」後,點右上的設定圖示,並選擇「簽出至…」選項。
梅問題-透過 VS Code 編輯器,一鍵快速回朔到Git之前版控記錄
Step3
接著輸入剛的記錄ID。
梅問題-透過 VS Code 編輯器,一鍵快速回朔到Git之前版控記錄
Step4
再按下Enter後,左下角就會看到目前要回朔的版本ID,接著再按上傳的雲圖示,接著就會開始進行回朔。
梅問題-透過 VS Code 編輯器,一鍵快速回朔到Git之前版控記錄
Step5
哈~當回朔好後,就可再度看到,之前的版面啦!真的是超方便的啦!現在才知版控這麼的好用,以後在上傳資料時,註解就得好好的標註啦!因此有用版控的朋友,想回到過去,不妨可試試看囉!
梅問題-透過 VS Code 編輯器,一鍵快速回朔到Git之前版控記錄