一、初次使用github

 1.進入github官網註冊並登陸賬號

2.點選右上角頭像旁 + 號下的 New repository 建立一個新的倉庫

3.填寫好對應資訊後點擊 Create repository 倉庫就建立好了

接下來我們需要使用Git來使本地倉庫和線上倉庫進行關聯，這樣我們可以把原生代碼儲存到線上，也可以通過線上程式碼來恢復本地丟失的程式碼，線上會記錄每一次的操作。

二、Git下載

1.百度搜索Git，開啟Git官網，右側有Download，根據自己的作業系統選擇版本下載（傻瓜式安裝，下一步下一步就可以了）

2.回到桌面，開啟終端/控制檯，輸入 git --version ，能夠輸出版本號，就表示安裝成功了

接下來我們需要使用SSH key來關聯本地倉庫和線上倉庫

三、關聯本地倉庫和線上倉庫（SSH Key）

1.回到桌面，滑鼠右鍵點選，點選Git bash Here選項進入作業系統

2.執行命令 ssh-keygen -t rsa -C "[email protected]"  回車

（此處 “[email protected]”填寫自己的郵箱）

3.接下來點選三次回車（密碼是否填寫看個人需求），SSH key就生成好了

4.檢視SSH key，執行命令 cat ~/.ssh/id_rsa.pub  ，複製下面的SSH key（圖中我塗抹掉了一部分）

5.回到github網站，點選右上角頭像進入Settings

6.點選左側 SSH Keys and GPG Keys ，進入頁面點選 New SSH key，接下來我們將複製的SSH key貼上到key的空白欄中，填寫好title，點選Add key，SSH key就配置好了

四、專案的克隆/下載

1.在github網頁點選右上角頭像下的 Your profile，進入profile頁面

2.點選剛才建立的專案，進入專案頁面，點選頁面中的Clone or download，複製SSH協議

3.回到git bash 操作，執行命令 cd Desktop，把命令列的所在位置切換到桌面，或你想要的任何資料夾下

4.把線上的這個倉庫克隆到本地，執行命令 git clone 

[email protected]:meatlovera/traval.git

[email protected]:meatlovera/traval.git

[email protected]:meatlovera/traval.git

[email protected]:meatlovera/traval.git

[email protected]:meatlovera/traval.git

本地倉庫克隆好之後我們要開始建立Vue的專案了

五、Vue專案建立

1.開啟Vue官網，找到安裝區塊，找到其中的命令列工具Vue CLI

2.開啟終端\命令列工具（cmd）根據官網所給的指令進行安裝，執行第一條命令 npm install --global vue-cli

（不是git bash！！！）這裡如果安裝不成功，請檢查自己是否先安裝了nodejs和npm，沒有安裝的童鞋請到nodejs官網安裝，node會自動把npm也安裝好，可以在命令列輸入 node -v 以及npm -v 來檢測自己是否安裝，若輸出了版本號，則已經安裝了

3.接下來建立Vue專案，使用指令 cd desktop 進入桌面，或者進入你想要的資料夾下，然後執行官網第二條指令 

vue init webpack my-project 將my-projiect改成你的專案資料夾名字

會告訴你說這個資料夾已經存在了，是否要繼續往裡新增，輸入 y ，回車，就會在這個資料夾下構建一個Vue的專案了

4.填寫、選擇好專案的等等資訊

（名稱、專案描述、作者、構建方式、是否使用路由、是否需要eslint檢測程式碼規範、是否需要自動化測試、

是否需要端對端、使用何種方式進行包管理）

     前三個不想填直接回車也可以，選擇完畢後，vue-cli會自動下載依賴，構建專案。

5.建立完成後會提示你，進入該檔案，執行指令 cd traval （這裡traval是我的專案資料夾名字，寫成你自己的就可以了）

然後執行 npm run dev 專案就執行起來了

進入上圖的網址，就可以看到你的專案了，到這一步，專案的環境就徹底搭建好了。

六、將本地倉庫更新到github上

1.在命令列裡，退出當前專案執行狀態，按住 ctrl+c 退出

2.執行指令 git status  可檢視到更新了的檔案

3.執行指令 git add .   將更新了的檔案增加到git本地的緩衝區

3.執行指令 git commit -m '更新說明’（‘更新說明’中寫入本次更新的說明）

4.執行指令 git push origin master 上傳到github中，回到github中檢視重新整理，已經上傳好了