詳解VSCode利用Git來視覺化管理原始碼的方法-VSCode-PHP中文網

首頁

開發工具

VSCode

詳解VSCode利用Git來視覺化管理原始碼的方法

青灯夜游

Feb 22, 2021 am 09:52 AM

gitvscode

隨著VSCode的功能和外掛程式的不斷強大和完善，它已經成為了我們日常開發中一個必不可缺的伙伴了。以下這篇文章跟大家分享VSCode使用Git視覺化管理原始碼詳細教學。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

詳解VSCode利用Git來視覺化管理原始碼的方法

VS Code簡介：

官網下載位址：

https://code.visualstudio.com/

　　Visual Studio Code是一個輕量級但功能強大的原始碼編輯器，可在您的桌面上運行，並且可用於Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內建支持，並具有豐富的其他語言（例如C ，C＃，Java，Python，PHP，Go）和運行時（例如.NET和Unity）擴展的生態系統。 VS Code內建了對Git的支持，可以使用圖形化介面方便的進行版本控制，例如添加暫存，提交更新，拉取遠端程式碼，推送程式碼到遠端程式碼庫，創建合併分支，文件內容差異比較等這些常規操作。

環境準備：

1、目前需要現在安裝Visual Studio Code。

下載位址：https://code.visualstudio.com/Download

#選擇對應的平台進行安裝（我自己是安裝的window平台）：

2、Git環境安裝：

Git安裝詳細教學：https://blog.csdn.net/qq_43715354/article/ details/108638061

複製GitHub中的儲存庫：

1、複製GitHub儲存庫的SSH連結位址：

##2、開啟VS Code點擊克隆，貼上SSH連結位址進行下載：

#查看目前所在分支：

1、介面檢視：

2、切換到終端，指令檢視：

git branch -a

[*重要]實際工作開發四步曲（添，提，拉，推）:

首先要明白四步曲分別是哪四步，其作用分別是什麼？

添：將修改後的內容新增至本地暫存區 git add。
提：將本地暫存區中的內容提交到本機程式碼庫 git commit -m 'description'。
拉：同步，拉取遠端程式碼庫中的內容，在多人協同開發中十分的重要，因為假如事先沒有同步更新到最新版本有可能會覆蓋別人修改的東西，假如拉取後有衝突直接使用VS Code解決衝突即可git pull。
推：將本機程式碼庫中的內容推送到遠端程式碼倉庫 git push。

新增暫存區：

新增Information.txt文字文件，新增至本機暫存區。

提交本機程式碼庫：

拉取同步遠端最新程式碼庫：

推送至遠端程式碼庫：

驗證是否推送成功，查看GitHub中的倉庫內容：

#衝突解決：

　　接下來我們來自己模擬多人開發，如：我在本地修改Information.txt文字檔案的內容，然後在到GitHub中修改一次這樣本地在提交的時候就會產生衝突，然後我們可以藉助VS Code智能的解決衝突的方式幫助我們來解決衝突。

本地修改：

GitHub中的修改：

本地提交後，拉取時提示衝突如下：

合併衝突提交到遠端程式碼庫：

VS Code提供了四種智慧合併的方式供給我們選擇，我們可以按照實際情況進行程式碼衝突解決。當然也可以手動刪除解決，不過要慎重，可能一不小心就把同事辛辛苦苦寫了幾天的代碼給覆蓋了哦，這裡我選擇了【保留雙方更改】的方式進行衝突解決。

衝突完美解決：

#建立分支並推送到遠端程式碼庫：

#1 、切換到原始碼管理視圖：

2、選擇需要建立子分支的主分支：

#注意：我們在這裡為develop分支建立feature- 20210218分支。

3、將新分支推送到遠端程式碼庫：

子分支開發完成後合併到主分支：

首先我們在feature-20210218子分支中建立一個資料夾和一個文字文件，然後將feature-20210218子分支合併到develop開發分支中合併提交到遠端程式碼庫。

1、feature-20210218子分支中建立一個資料夾和一個檔案：

2、使用實際工作開發四步驟曲（添，提，拉，推）教程將新添加的內容推送到遠端程式碼庫：

##切換到feature-20210218分支：

檢視文件是否已提交成功：

3、將feature-20210218子分支合併至develop開發分支：

a.首先切換到develop分支：

#b.選擇需要合併過來的分支：

c.推送至遠端倉庫，檢視合併是否成功：

VS Code Git提交修改歷史記錄檢視（甩鍋專用）：

需要安裝

Git History

拓展。

######### 查看對應檔案的修改歷史記錄：########################檢視檔案修改時間軸對比檔案修改內容：######################

更多程式相關知識，請造訪：程式設計教學！！

以上是詳解VSCode利用Git來視覺化管理原始碼的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文轉載於：博客园。如有侵權，請聯絡admin@php.cn刪除

Visual Studio：C＃，C等的IDEApr 25, 2025 am 12:10 AM

VisualStudio（VS）是微軟開發的一款功能強大的集成開發環境（IDE），支持多種編程語言，如C#、C 、Python等。 1）它提供了豐富的功能集，包括代碼編輯、調試、版本控制和測試。 2）VS通過強大的編輯器和調試器處理代碼，並使用Roslyn和Clang/MSVC編譯器平台支持高級代碼分析和重構。 3）基本用法如創建C#控制台應用程序，高級用法如實現多態性。 4）常見錯誤可通過設置斷點、查看輸出窗口和使用即時窗口調試。 5）性能優化建議包括使用異步編程、代碼重構和性能分析。

Visual Studio：代碼編譯，測試和部署Apr 24, 2025 am 12:05 AM

在VisualStudio中，代碼編譯、測試和部署的步驟如下：1.編譯：使用VisualStudio的編譯器選項將源代碼轉化為可執行文件，支持多種語言如C#、C 和Python。 2.測試：利用內置的MSTest和NUnit等框架進行單元測試，提高代碼質量和可靠性。 3.部署：通過Web部署、Azure部署等方式，將應用程序從開發環境轉移到生產環境，確保安全性和性能。

Visual Studio：綜合開發環境簡介（IDE）Apr 23, 2025 am 12:02 AM

VisualStudioismicrosoft'sflagshipide，支持multipleProgrammingLanguagesandEnhancingCodingQodings.1）ItoffersFeaterSfeaturesLikeInkIntellisensensensensensensensensensensensensensensensensenseforcodePrediction，Multi-TabbedInterfaceForProproject Managements，andToolsfordEbugging，andToolsfordEbugging，Repactioning，andVersionControl.2

Visual Studio：探索免費和付費產品Apr 22, 2025 am 12:09 AM

VisualStudio的免費版和付費版的主要區別在於功能的豐富程度和支持的服務。免費版（Community）適用於個人開發者和小型團隊，提供基本開發工具；付費版（Professional和Enterprise）則提供高級功能，如高級調試和團隊協作工具，適合大型項目和企業級開發。

Visual Studio社區版：解釋的免費選項Apr 21, 2025 am 12:09 AM

VisualStudioCommunityEdition是一款免費的IDE，適合個人開發者、小型團隊和教育機構。 1)它提供代碼編輯、調試、測試和版本控制等功能。 2)基於Roslyn編譯器平台，支持多種編程語言並集成Git和TFVC。 3)高級功能包括單元測試，優化建議包括關閉不必要的擴展和使用輕量級編輯器。

視覺工作室：輕鬆構建應用程序Apr 20, 2025 am 12:09 AM

VisualStudio是由微軟開發的集成開發環境（IDE），支持多種編程語言，包括C#,C ,Python等。 1.它提供了智能感知（IntelliSense）功能，幫助快速編寫代碼。 2.調試器允許設置斷點，逐步執行代碼，找出問題。 3.對於初學者，創建簡單的控制台應用程序是入門的好方法。 4.高級用法包括項目管理和依賴注入等設計模式的應用。 5.常見錯誤可以通過調試工具逐步解決。 6.性能優化和最佳實踐包括代碼優化、版本控制、代碼質量檢查和自動化測試。