1. 程式人生 > >通過Webstorm上傳代碼到Github、更新代碼後同步到github及克隆github代碼到本地的方法

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

成了 ron 成功 commit 簡單 tps 命令行 是個 所有

導讀:

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代碼到本地的方法