在vscode中使用Git

谷谷88發表於2019-01-29
VSCodeGit

用了git最方便的就是比如在公司寫了很多程式碼後回到家開啟vscode只需要點選一下pull就能全部同步過來。是不是很方便。。。。畢竟之前我都是拿u盤拷貝回家或者存到雲盤再下載下來。。

我這裡用的是國內的碼雲託管的程式碼，，github都是英文看不懂。。

因為vscode中帶的有git管理功能，只需要學一點關於git的操作知識就夠了。

首頁要下載‘msysgit’然後安裝到電腦要不然vscode中的git是不能用的。安裝完成後主要使用Git Bash這個程式來操作

1、將程式碼放到碼雲

  • 到碼雲裡新建一個倉庫，完成後碼雲會有一個命令教程按上面的來就行了
  • 碼雲中的使用教程：
複製程式碼
Git 全域性設定:

git config --global user.name "ASxx" 
git config --global user.email "123456789@qq.com"

建立 git 倉庫:

mkdir wap
cd wap
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.oschina.net/name/package.git
git push -u origin master
已有專案?

cd existing_git_repo
git remote add origin https://git.oschina.net/name/package.git
git push -u origin master複製程式碼
複製程式碼

下面說下詳細的本地操作步驟：

  • 1、用vs開啟你的專案資料夾

  • 2、配置git

　　開啟Git Bash輸入以下命令

　　如果還沒輸入全域性配置就先把這個全域性配置輸入上去

Git 全域性設定:

git config --global user.name "ASxx" 
git config --global user.email "123456789@qq.com"複製程式碼

　　然後開始做提交程式碼到碼雲的配置

複製程式碼
cd d:/wamp/www/mall360/wap              //首先指定到你的專案目錄下複製程式碼
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.oschina.net/name/package.git   //用你倉庫的url
git push -u origin master  //提交到你的倉庫複製程式碼
複製程式碼

　　正常情況下上面的命令執行完成後，本地資料夾會有一個隱藏的.git資料夾，雲端你的倉庫裡應該會有一個README.md檔案。

  • 3、在vscode中提交程式碼到倉庫

　　回到vs code開啟git工作區就會看到所有程式碼顯示在這裡

點選+號，把所有檔案提交到暫存區。

然後開啟選單選擇--提交已暫存的

然後按提示隨便在訊息框裡輸入一個訊息，再按ctrl+enter提交

然後把所有暫存的程式碼push雲端，

點選後，會彈出讓你輸入賬號密碼，把你託管平臺的賬號密碼輸入上去就行了。。。

不出問題的話你整個專案就會提交到雲端上了。

在vs中每次更新程式碼都會要輸入賬號密碼，方便起見，可以配置一下讓GIT記住密碼賬號。

git config --global credential.helper store   //在Git Bash輸入這個命令就可以了複製程式碼
  • 4、同步程式碼

　　這裡說下平時修改程式碼後提交到雲端的使用，和原生程式碼和雲端同步

　　隨便開啟一個檔案，新增一個註釋

可以看到git圖示有一個提示，開啟git工作區可以看到就是修改的這個檔案

然後點選右側的+號，把他暫存起來。

再在訊息框裡輸入訊息，按ctrl+enter提交暫存

再點選push提交，程式碼就提交到雲端了。

開啟 碼雲就可以看到了。。

  • pull使用

　　比如當你在家裡修改了程式碼提交到雲端後，回到公司只需要用vscode開啟專案點選選單中的pull就可以同步過來了。

  • 5、克隆你的專案到本地

　　回到家後想修改程式碼，但是電腦沒有檔案怎麼辦呢？ 往下看

　　首先你電腦還是的有vscode 和 GIT，，然後用git把上面那些全域性配置再執行一次，如下

git config --global user.name "ASxx"
git config --global user.email "123456789@qq.com"  

git config --global credential.helper store    複製程式碼

　　然後開啟Git Bash輸入以下命令

cd d:/test   //指定存放的目錄
git clone https://git.oschina.net/name/test.git   //你的倉庫地址複製程式碼

下載成功，然後就可以用vscode開啟專案修改了，修改後提交的步驟還是和上面一樣：暫存-提交暫存-push提交到雲端就ok了。


相關文章