1. 程式人生 > >如何在VSCode中同步程式碼到github (on Mac)

如何在VSCode中同步程式碼到github (on Mac)

在VSCode中使用git,將本地code提交到github,這本是一件非常容易的事情,就像你在本地開發,然後將程式碼同步到github上面一樣,可是我幾乎沒往github提交過程式碼,雖然會在上面查問題,[打臉][打臉][打臉][打臉][打臉]。

先在VSCode中初始化一個本地Repo,這個Repo就會存放從github pull 下來的程式碼,怎麼建立呢?先點出最左側導航欄的分支圖示,在『原始碼管理』的後面有個git的logo,點下就會出現了:

我這裡建立的Repo名字:testVSCodeSynchr
先新增遠端倉庫:

git remote add origin https
://github.com/stanbers/git-tutorial

再去把這個遠端的倉庫pull到local:

git pull origin master

這個時候看下本地有沒有遠端倉庫中的README.md(我的遠端倉庫中目前只有這一個檔案):

➜  testVSCodeSynchr git:(master) ls -al
total 8
drwxr-xr-x   4 Stan  staff   136 11 28 15:25 .
drwx------+ 30 Stan  staff  1020 11 28 15:22 ..
drwxr-xr-x  13 Stan  staff   442
11 28 15:26 .git -rw-r--r-- 1 Stan staff 179 11 28 15:25 README.md

可以看到已經pull下來了,把這個檔案update 一下:

➜  testVSCodeSynchr git:(master) git status
On branch master
Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git checkout -- <file>..."
to discard changes in working directory) modified: README.md no changes added to commit (use "git add" and/or "git commit -a") ➜ testVSCodeSynchr git:(master) ✗

其中添加了一句『coded in my local』,然後提交:

➜  testVSCodeSynchr git:(master) ✗ git add .
➜  testVSCodeSynchr git:(master) ✗ git commit -m 'update in my local'
[master d4c1b12] update in my local
 1 file changed, 2 deletions(-)
➜  testVSCodeSynchr git:(master)

再去push到github:

➜  testVSCodeSynchr git:(master) git push origin master
Counting objects: 3, done.
Delta compression using up to 8 threads.
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 269 bytes | 0 bytes/s, done.
Total 3 (delta 1), reused 0 (delta 0)
remote: Resolving deltas: 100% (1/1), completed with 1 local object.
To https://github.com/stanbers/git-tutorial
   834d1ea..d4c1b12  master -> master
➜  testVSCodeSynchr git:(master)

這個時候去重新整理一下github,不出意外就可以看到更新的內容了:

沒毛病,這時候在github上面更新這個README.md, 新增一行『coded in github』,然後再到VSCode中去重新pull下,不出意外應該也可以看到剛才github上面更新的那一行內容:

沒毛病,實現了同步,以上都是直接通過命令列來完成的,可以看到我安裝了oh my zsh。