1. <i id="s6b2k"><small id="s6b2k"></small></i>
    <b id="s6b2k"><bdo id="s6b2k"></bdo></b>
  2. <wbr id="s6b2k"></wbr>

    VS Code使用Git可視化管理源代碼詳細教程(推薦)_相關技巧

    來源:腳本之家  責任編輯:小易  

    前言:

      隨著VS Code的功能和插件的不斷強大和完善,它已經成為了我們日常開發中一個必不可缺的伙伴了。在之前我曾經寫過一篇SourceTree使用教程詳解(一個git可視化管理神器,想要了解的話可以點擊查看詳情),這篇文章主要是對VS Code如何使用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安裝詳細教程:http://www.yu113.com/article/198002.htm

    克隆GitHub中的存儲庫:

    1、復制GitHub存儲庫的SSH鏈接地址:

    2、打開VS Code點擊克隆,粘貼SSH鏈接地址進行下載:

    查看當前所在分支:

    1、界面查看:

    2、切換到終端,命令查看:

    [*重要]實際工作開發四步曲(添,提,拉,推):首先要明白四步曲分別是哪四步,其作用分別是什么?

    添:將修改的內容添加到本地暫存區 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拓展。

    查看對應文件的修改歷史記錄:

    查看文件修改時間線對比文件修改內容:

    到此這篇關于VS Code使用Git可視化管理源代碼詳細教程(推薦)的文章就介紹到這了,更多相關VS Code可視化管理源代碼內容請搜索真格學網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持真格學網!

    您可能感興趣的文章:詳解vscode使用git所遇到的坑使用VSCode如何從github拉取項目的實現vscode添加GIT和SVN的方法示例VSCode配置Git的方法步驟隨記在vscode中使用Git的教程vscode中利用git通過ssh連接github的方法Visual Studio Code(vscode) git的使用教程

  3. 本文相關:
  4. 分享10個免費超棒的編程用等寬字體
  5. 詳解idea中git的stash changes和unstash changes用法
  6. 油猴腳本編寫教程詳解
  7. 詳解git merge命令應用的三種情景
  8. git的遠程分支的作用和本地分支有什么區別
  9. 算法系列15天速成——第十五天 圖【下】(大結局)
  10. vs2019 安裝時閃退的解決方法
  11. 解決fiddler在win7系統下的安全證書問題
  12. 關于base64編碼的原理及實現方法分享
  13. 各類常見語言清除網頁緩存方法匯總
  14. visual studio code 的git怎么使用
  15. 如何在vscode中使用git
  16. 如何為 Visual Studio 配置 Git 源代碼管理工具
  17. vs2008 怎樣使用git做代碼管理
  18. 怎么讓vscode中的git項消失
  19. 如何使用git和github來管理自己的代碼
  20. vscode 插件 有沒有能讓git形象化
  21. vscode怎么安裝gitlab插件,并拉取一個新的項目
  22. 如何使用 Git 和 GitHub 來管理自己的代碼
  23. vscode 用git 拉取代碼,提示:在簽出前,請清理存...
  24. 網站首頁網頁制作腳本下載服務器操作系統網站運營平面設計媒體動畫電腦基礎硬件教程網絡安全javascriptasp.netphp編程ajax相關正則表達式asp編程jsp編程編程10000問css/htmlflex腳本加解密web2.0xml/rss網頁編輯器相關技巧安全相關網頁播放器其它綜合dart首頁相關技巧詳解vscode使用git所遇到的坑使用vscode如何從github拉取項目的實現vscode添加git和svn的方法示例vscode配置git的方法步驟隨記在vscode中使用git的教程vscode中利用git通過ssh連接github的方法visual studio code(vscode) git的使用教程分享10個免費超棒的編程用等寬字體詳解idea中git的stash changes和unstash changes用法油猴腳本編寫教程詳解詳解git merge命令應用的三種情景git的遠程分支的作用和本地分支有什么區別算法系列15天速成——第十五天 圖【下】(大結局)vs2019 安裝時閃退的解決方法解決fiddler在win7系統下的安全證書問題關于base64編碼的原理及實現方法分享各類常見語言清除網頁緩存方法匯總2019最新的pycharm激活碼(推薦)進制轉換算法原理(二進制 八進制eclipse 格式化代碼時不換行與自微信小程序設置http請求的步驟詳從console.log說起(console.log詳幾款開源的中文分詞系統十進制負數轉換為二進制、八進制抓包工具fiddler的使用方法詳解(url 長度有限制嗎?利用git提交代碼的方法步驟git 教程之基本操作詳解git push 本地項目推送到遠程分支的方法(sublime text 添加到鼠標右鍵功能idea集成git實現團隊合作分工的原理詳解intellij idea2020新增禪模式和lightediturl編碼表一覽(推薦收藏)linux/ubuntu git從安裝到使用的方法步驟使用git處理github中提交有沖突的pull re如何給md5加上salt隨機鹽值
    免責聲明 - 關于我們 - 聯系我們 - 廣告聯系 - 友情鏈接 - 幫助中心 - 頻道導航
    Copyright © 2017 www.yu113.com All Rights Reserved
    战天txt全集下载