搜尋
首頁開發工具VSCodeVSCode怎麼使用Git來控製版本
VSCode怎麼使用Git來控製版本Nov 24, 2020 pm 06:15 PM
gitvscode版本控制

VSCode怎麼使用Git來控製版本

相關推薦:《vscode基礎教學

#Visual Studio Code 使用Git進行版本控制

本來認為這類教程,肯定是滿網飛了。今天首次使用VS Code的Git功能,翻遍了 所有中文教程,竟沒有一個可靠的。遂動筆寫一篇。

  • 請確保你安裝了最新的VS Code.http://code.visualstudio.com/
  • 請確保安裝了最新版的Git。 https://git-scm.com/download。 git安裝到環境變數裡, 確保任意路徑可以存取。
  • 參考連結:https://code.visualstudio.com/Docs/editor/versioncontrol

VS Code 整合了Git功能,並支援基本的git指令,這使得我們能夠在開發過程中方便的提交和取得程式碼。

1.1 初始化

首先我們建立一個名為gittest的資料夾,當然它不在git的版本控制管理中。

用VS Code 開啟這個資料夾,點擊左側的git圖示。

我們可以看到「初始化GIT儲存庫」的按鈕,按一下。

 初始化之後,我們首先看到的是git欄顯示了目前所有文件,有4個更改。

全部或單一檔案都可以選擇暫存或清理掉。

上方有提交和刷新按鈕,下拉式選單裡有更多選項。再回到我們的文件中,剛才的操作創建了一個.git資料夾,放置了當前倉庫的所有 配置文件,如下圖。

到目前為止我們在本地創建了一個程式碼倉庫,下面來看一下VS Code的git功能。

git 輸出

我們可以在隱藏的選單中選擇git輸出,這樣我們每個操作都會顯示 在輸出區域,方便我們查看對應的git指令。

提交儲存

提交儲存的第一步是暫存檔案。

第二步是輸入提交資訊。

第三步驟接著使用狀態列的提交按鈕提交全部變更。

git指令清單

ctrl shift P,輸入git,會看到VS CODE支援的所有git指令。

撤銷動作

輸入 Undo Last Commit,撤銷上次動作。輸入Unstage,撤銷暫存。

分支

輸入Branch可以建立目前內容的分支。建立分支時需要輸入分支名稱。

 

checkout

#建立分支後,使用checkout指令可以拉取特定的分支內容。

衝突合併

VS Code 會偵測檔案衝突,並以>>,====和顏色區分。

解決衝突之後,直接提交就行了。

文件比較

在git文件清單中,點擊一個未提交更改的文件,就會開啟兩個視窗來顯示變更的內容。

連接遠端程式碼倉庫

說了這麼多,現在問題來了,在本機初始化一個程式碼庫,一般沒什麼卵用。我們大多數情況是要連接遠端的代碼伺服器的。

下面我們在github上建立一個Repository,複製位址備用。

 

接下來到目前Repository資料夾根目錄中,如果沒有初始化過,安裝文章開始初始化的方法,進行初始化。然後執行下面的命令

git remote add origin https://github.com/xuanhun/vscode.git
git pull origin master

現在我們查看一下.git資料夾下的config文件,可以看到新增了遠端Reps位址。

接下來我們從下拉式選單中執行發布指令。

這時會提醒我們輸入帳號和密碼。

輸入之後,會把本地提交的檔案同步到github。同步之後再開啟git的隱藏選單,可以看到 同步等指令可以直接使用了。

簡化一點的方法

#當然我們也可以使用git 的clone指令,從遠端複製一個Reps,然後直接用vscode開啟資料夾, VS Code 會自動辨識各項配置。

持久化帳號

遠端連線git的問題解決了,如果你不想每次同步的時候都輸入帳號訊息,可以全域儲存帳號, 解決這個問題。

git config --global credential.helper wincred

小結

本文的大部分內容都能從官方的文檔上找到,不過中文很多教程沒有解決連接遠端服務的問題,所以特地做了說明,希望對各位有所幫助。 

更多程式相關知識,請造訪:程式設計學習課程! !

以上是VSCode怎麼使用Git來控製版本的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:博客园。如有侵權,請聯絡admin@php.cn刪除
手把手带你会习VSCode debug,不信你还不会!手把手带你会习VSCode debug,不信你还不会!Mar 31, 2022 pm 08:45 PM

2022年了,该学会用VSCode debug了!下面本篇文章手把手带大家会习VSCode debug,希望对大家有所帮助!

浅析VSCode怎么关闭自动更新浅析VSCode怎么关闭自动更新Jun 02, 2022 pm 12:56 PM

VSCode怎么关闭自动更新?下面本篇文章给大家介绍一下VSCode关闭自动更新的方法,希望对大家有所帮助!

手把手带你在VSCode中配置 Geant4 和 Root手把手带你在VSCode中配置 Geant4 和 RootApr 25, 2022 pm 08:57 PM

本篇是VSCode配置文章,手把手教大家怎么在VSCode​中配置使用 Geant4 和 Root,希望对大家有所帮助!

23个提高开发效率的前端VSCode插件(快来收藏)23个提高开发效率的前端VSCode插件(快来收藏)Jul 25, 2022 pm 08:06 PM

本篇文章给大家分享23个前端VSCode插件,助你提高开发效率,让你事半功倍,快来收藏吧!

扒一扒vscode Prettier选项中的16个实用属性,让代码变美!扒一扒vscode Prettier选项中的16个实用属性,让代码变美!May 03, 2022 am 10:00 AM

本篇文章扒拉一下vscode Prettier的选项,总结分享16个让你的代码变漂亮的属性,希望对大家有所帮助!

总结分享12个好玩有趣的 VSCODE 插件总结分享12个好玩有趣的 VSCODE 插件May 27, 2022 am 11:06 AM

“工欲善其事,必先利其器!”,vscode作为前端开发的重要工具,其插件能大幅提升战斗力,精心收集12个插件,总有几款你还未曾拥有。

VSCode中如何开发uni-app?(教程分享)VSCode中如何开发uni-app?(教程分享)May 13, 2022 pm 08:11 PM

VSCode中如何开发uni-app?下面本篇文章给大家分享一下VSCode中开发uni-app的教程,这可能是最好、最详细的教程了。快来看看!

手把手教你在VScode中配置C/C++环境(Win下)手把手教你在VScode中配置C/C++环境(Win下)Oct 10, 2022 pm 06:52 PM

VScode中怎么开发置C/C++?怎么配置C/C++环境?下面本篇文章给大家分享一下Windows系统下VScode配置C/C++环境图文教程,希望对大家有所帮助!

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),