前端學習筆記篇之git那些事
Git是一款免費、開源的分佈式版本控制系統,用於敏捷高效地處理任何或小或大的項目。學習前端,離不開Git的使用,面試時也是一個常考的話題,在平常開發中,也困擾咱們許久,下面就讓咱們一塊兒走進它~前端
我將從如下幾點進行介紹,準備好走進Git的世界了嘛~
git
- 高頻詞彙的含義
- git經常使用指令
- 幾種常見git操做流程
高頻詞彙的介紹
git操做博大精深,細節不少,對於平常開發的咱們而言,熟識幾條經常使用的操做即可解決平常問題。對於初學者而言瞭解git基本詞彙的含義和git的工做原理仍是頗有必要的,這樣對解決git操做中的「bug」也很是有幫助。es6
- remote:指存放在遠程的一個計算機,在通常指GitHub服務器。
- clone:指克隆,將github上的項目克隆(也能夠說是複製)到本身的電腦上。
- origin:指遠程的代碼倉庫(本身的倉庫),即源文件。
- upstream:指上游,fork別人項目的地址,別人的項目就是你的上游,即上一層源文件。
- master:指主分支。
- pull:指拉代碼,把你Github上的遠程倉庫拉到本地計算機上。
- push:指提交代碼,把你本機上的項目提交到Github上的遠程倉庫。
特別注意:本地的 .git文件是指本地倉庫,.git目錄下存放着全部文件的版本和關聯信息,該目錄在默認條件下是隱藏的。github
git經常使用指令的用法
1.源文件:面試
- git remote -v :指查看遠程關聯的倉庫,包括源文件和上一層源文件。
- git remote add origin + 網址:指添加一個源文件。
- git remote add upstream + 網址:指添加一個上一層源文件,即fork項目的源文件。
- git remote remove origin/upstream + 網址:指刪除一個源文件或上一層源文件。
2.初始化:服務器
- git clone + 網址:指把網址中對應的項目克隆到本身本機上。
- git init:指初始化.git文件,裏面沒有連接信息,初始化後要從新創建與遠程倉庫的關聯。
- git pull upstream master:指把得到原項目更新。
3.提交:app
- git add + 文件名:指把修改的某個文件添加到暫存區(指.git倉庫);
- git add . :指把全部的修改文件添加到暫存區;
- git commit -m "認真寫爲何要作此次提交":便於往後查閱和他人理解;
- git push -u origin master:指把暫存區的文件提交到github中。
- git log:指查看提交的歷史記錄。
- dir:查看該文件的子目錄。
4.分支:分佈式
- git status:查看全部狀況;
- git branch:指查看分支信息;
- git branch + 分支名:指建立新的分支;
- git checkout + 分支名:指切換分支。
看到這裏你們是否是已經有點暈呢
學習
下面用一張圖對git的經常使用命令總結一下:spa
![圖片描述 圖片描述](http://static.javashuo.com/static/loading.gif)
幾種常見的git流程
前提:只有進入到相應的文件目錄後才能對git進行相關的操做。
相關文件夾命令行操做:
- cd + 文件名:進入該文件目錄下
- cd ../ :返回到上級目錄
- dir:查看當前文件下的全部子文件
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
狀況一:新建一個項目並創建關聯
1.先在github上建立一個新倉庫
![圖片描述 圖片描述](http://static.javashuo.com/static/loading.gif)
![圖片描述 圖片描述](http://static.javashuo.com/static/loading.gif)
點右邊紅框裏的按鈕複製倉庫地址:
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
2.在本地VSCode的workplace下點擊右鍵Git Bash Here打開
![圖片描述 圖片描述](http://static.javashuo.com/static/loading.gif)
3.git clone + 倉庫地址,把倉庫裏的文件克隆到本機上。
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
此時在本地就新建了一個wxapp_font_reading_class1文件夾
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
4.git remote -v 查看文件關聯
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
狀況二:fork別人的項目到本機上
- 在workplace下新建一個新的文件夾;
- 右鍵該文件夾,點擊Git Bash Here 打開;
-
依次輸入:
(1)git init(初始化該文件夾)
(2)git remote add upstream + fork文件地址(與fork的項目關聯)
(3)git pull upstream master(把fork的項目拉到本機上)
- 在新建文件夾下建立了fork的文件。
狀況三:如何和fork的項目保持同步更新
狀況四:git別人的項目,可是不經過fork形式的流程
以增長wxapp-starter文件的實例來講明:
- 在github上新建一個"wxapp-starter"倉庫
- git clone + 別人項目的連接
- git remote remove origin (刪除別人origin的連接)
- remove .git(刪除wxapp-starter文件裏的.git 文件)
- git init (初始化 .git文件)
- git remote add origin + 本身倉庫的地址(在 .git 中增長本身的origin的連接)
- git pull origin master(與本身的項目同步)
狀況五:git提交的通用過程(每次修改代碼後都要進行的操做)
- git status (查看當前文件的修改狀態);
- git add 某文件(添加某個修改文件)/ git add .(添加文件全部修改文件);
- git commit -m "註釋"(提交文件並備註);
- git push -u origin master(把暫存區的文件發送到github上)
以es6文件爲例進行提交:
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
關於git操做的分享就告一段落啦,後續會有更多其餘內容,歡迎你們一塊兒交流學習喲(^U^)ノ
相關連接:git教程(廖雪峯)