通過Webstorm上傳代碼到Github、更新代碼後同步到github及複製github代碼到本地的方法

標籤：講解   round   sha   儲存   下載   建立   htm   html   開發工具   

導讀：

Github做為IT愛好者分享代碼的一個知名的平台，廣受大家喜歡，那麼我們平時該怎麼將自己寫的代碼上傳到github上面儲存並且提供給其他人蔘考？

我想方法不外乎如下幾個：

1、直接在github網頁上面上傳代碼（沒試過） ；

2、利用git工具，下載git然後利用命令列工具上傳代碼，這種方式需要更多的命令列知識，對於不熟悉命令列工具的小夥伴來說是個很頭疼的事；

3、利用開發工具Webstorm來進行類似圖形化方式上傳代碼，這種方法簡單容易，也是本文重點要講述的！

 

 

問題1：那麼如何利用Webstorm來上傳本地代碼呢？且看下面步驟講解

步驟1：  

(1)下面一些是你必須前提準備的，其實我們利用webstorm上傳代碼的原理還是基於git向github上面上傳代碼，那麼首先你需要在本地下載git並安裝，如git的官網。（git下載安裝不在這裡講解）

(2) 你得自己首先註冊一個github帳號吧 ，要不然你上傳代碼到哪裡？  我想能看到這篇文章的同學基本上都已經有了github的帳號，所以，這一步忽略。。

 

 步驟2：  

 好了，上面搞定後，我們接下來在webstorm中把git和github的一些東西都配置和補充好，如下就是方法。

 （1）首先是git的配置，所謂配置，就是把你git的安裝地址配置到webstorm中，開啟settings, 搜尋git，然後如紅色標註的部分把你的git的地址配置ok（你自己的git安裝地址，不一定和我的一樣哦）

（2） 下面就是github的地址如何在webstorm中配置了，說白了就是輸入你github的帳號和密碼然後test一下，如下面圖示。

　　　輸入帳號密碼

·　　

　　　test一下 ，如若顯示綠色的success,代表webstorm已經配置好github了。

 

步驟3：

上面2步完成，我們所有的準備工作就算完成了，接下來我們就可以開始上傳代碼啦~ 怎麼上傳呢 ?  如，我們點Share Project on Github

然後出現下面的框，框裡面的名稱隨便取但不能和你github上面已有的項目名稱重複，因為我們每上傳一個項目就相當於新建立一個倉庫，而倉庫當然是不能重複啦，然後點Share!  然後就可以完成上傳代碼到github中！！

 

 出現下面的successful shared project on github代表你已經上傳代碼成功了，然後導github上面看看吧。。

 

 

問題2：上述已經將代碼上傳到了github中，那麼我們本地更新此項目代碼後如何同步更改github上面的代碼呢 ？ 我們需要重新將所有代碼重新上傳嗎？ 答案是否定的，請看下面。

步驟1：

如，假設我們在index.html更改了代碼

 

步驟2：

點擊右邊的VCS,

 

步驟3：

如，然後點擊Commit and push,這樣就可以把自己修改的程式碼推送到github上面，很方便吧，快試試吧！！

 

問題3：現在我都會把自己的代碼上傳到github上面了，那麼我們怎麼下載別人的代碼呢？？

其實，這個問題很簡單，我們直接用命令列工具，git clone https://github.com/teamemory/elm.git （這個地址是如紅色標註的地方）就可以下載代碼到本地，這裡也無需用webstorm來下載代碼了。。

通過Webstorm上傳代碼到Github、更新代碼後同步到github及複製github代碼到本地的方法