如何把WebStorm上傳程式碼到Git

我是前端開發工程師。大概1年前開始使用webstorm這個編輯器，今天跟大家介紹這個軟體。

一、WebStorm專案上傳GitHub

假設電腦已下載安裝Git

1、從webstorm登入GitHub

File->Settings-> Version Control->GitHub，輸入帳號密碼登入

2、連接Git

File->Settings->Version Control->Git，在Path to Git executable中輸入git.exe的目錄

3、取得本地的ssh，複製到github帳號中的ssh中，SSH的作用是讓本機版本庫與遠端版本庫通信，也就是你在本地修改好的程式碼，需要同步到伺服器上的時候，就需要這個SSH 金鑰來通訊。

在Git的安裝目錄下開啟git-bash.exe，輸入ssh-keygen -t rsa -C “你的信箱” ，輸入完之後需要按三次回車，會出現c:\users(使用者)\xxx（使用者名稱） \.ssh的資料夾。找到.ssh資料夾，並打開其中的id_rsa.pub文件，複製id_rsa.pub裡面的內容，打開自己的github 帳戶，找到Settings->SSH and GPG key，打開之後點擊右上角New SSH key，將複製的內容貼上即可。如下圖：

 

4、上傳程式碼

a、如果是第一次上傳新建的WebStorm中的工程，步驟如下：工具列VCS->Import into Version Control->Share Project on GitHub，在彈出的彈窗中點擊Share按鈕，如果沒有問題會彈出來需要上傳的檔案選擇框，選擇之後點OK即可完成上傳了。上傳完 後就可以在你 的GitHub主頁看到上傳的專案了。

b、如果是上傳修改，步驟如下：先是Commit修改的程式碼，很多地方都可以進行這個操作，如VCS下面，工程右鍵Git->Commit Directory等，Commit完成後，需要Push程式碼才能算上傳成功VCS->Git->Push(一定要進行Push操作才能上傳成功)

 

二、Clone專案

CVS-> Checkout from Version Control->Git，在彈出的彈跳窗輸入Clone專案的URL， 如：https://github.com/WangHug/HelloWorld.git，輸入專案儲存的位址，然後點選Clone 即可。

或是在你想clone程式碼的位置滑鼠右鍵開啟git指令窗口，在視窗中輸入程式碼庫位址，然後回車Clone，如下所示：

相關推薦：

webstorm增加less開發外掛- 小月月66

webstorm的php檔案顯示問題

以上是如何把WebStorm上傳程式碼到Git的詳細內容。更多資訊請關注PHP中文網其他相關文章！