什么是Github
Github是一個共享虛擬主機服務，用於存放使用Git版本控制的軟件代碼和內容項目，以最簡單的方式來說，其實就是一個代碼庫，上面有全世界無數優秀的碼農上傳自己的作品和大家共享（當然，Github本身有免費賬戶和收費賬戶，收費賬戶才能使用私人管理，也就是你的項目將不會被公開）。
僅僅是個代碼庫，當然是沒有辦法火起來的，Github除了可以給用戶自己管理項目外，還允許用戶跟蹤其他用戶、組織、軟件庫的動態，對軟件代碼的改動和 bug 提出評論，然后作者視情況來合成熱心用戶的修改到自己的代碼中，這其實就是一種很棒的互聯網精神，開放的思想讓大家可以在Github社區找到自己感興趣的代碼庫，並下載下來形成自己的代碼分支，和原作者一起互動和交流，提高彼此的代碼水平和代碼庫的質量。
Github地址：https://github.com/
什么是Webstorm
前端神器不解釋，基本上集成了前端的所有了，最新版本的還可以支持Grunt（雖然博主還沒用過囧rz），軟件的地址是：http://www.jetbrains.com/webstorm/，需要軟件的破解請評論，我會單發給你們，原因你們懂的。
下面簡要介紹一下webstorm，首先看看界面，全英文版，這個對碼農們應該沒啥壓力，是不是有種高大上的感覺，左邊是你的項目列表，右側是你的代碼預覽
單單看一下官網的功能介紹截圖，你就知道它是多么強大，基本上能滿足所有前端的要求，其中要注意的是，因為雖然支持那么多，可是下載下來的Webstorm不是本身就支持那么多種類型的，需要去下載對應的插件，這些可以在Webstorm的官網中了解到，或者直接搜索一下就行
因為webstorm實在太多功能和玩法，找時間會匯總一些技巧分享給大家，這里就不做專門分享
個人不大推薦前端初學者使用，就像學Java剛開始不推薦人用Eclipse一樣，這種集成軟件帶來的只是無限的方便，可是對個人的代碼認識成長度卻沒有什么很大作用
在Webstorm中配置Github
Webstorm也可以強大到去管理Github，而且非常方便，不需要總是去輸入Git命令行來同步自己的項目到本地，那么Webstorm是如何瀟灑地做到的呢？
-
首先你得有一個Github的賬號，怎么注冊我就不說了
-
點擊Webstorm的設置按鈕
-
進入設置面板后，直接在左上角搜索github（這個也算是Webstorm方便功能之一，很快速定位設置項），然后填入你github的賬戶名和密碼，然后按一下Test看看是否連接成功
如果出現這個提示，就證明連接成功（Github有時候會被牆，所以大家可能需要翻牆，不過一般應該都不用）
-
成功連接后，你就已經登錄到Github賬戶了，但這還不夠，你還得讓Webstorm能夠支持到Git操作，那么我們首先先去https://code.google.com/p/msysgit/downloads/list下載Git，安裝后，在Webstorm中查找Git，然后如下圖配置好到Git的安裝目錄
-
配置好后還不夠，因為運行Git需要本機的SSH，SSH的作用是讓本地版本庫與遠程版本庫通信，也就是你在本地修改好的代碼，需要同步到服務器上的時候，就需要這個SSH密鑰來通訊，那么我們先找到Git的安裝目錄中的“Git Bash.vbs”
-
運行后，輸入
|
1
|
cd ~/.ssh
|
如下圖，如果出現以下句子，則表明生成成功
如果出現““No such file or directory”或類似的語句，說明缺少ssh的key。那么我們就得創建一個新的SSH，輸入
|
1
|
$ ssh-keygen -t rsa -C "your_email@youremail.com"
|
會出現類似下圖的提示： 
直接按下“enter”鍵即可，然后輸入密碼。
成功后，找到你的用戶目錄下的C:\Users\你的計算機用戶名.ssh\id_rsa.pub，用記事本打開，並復制里面的SSH碼
進入Github，如下圖進入SSH添加頁面，然后Title輸入任意，下面的Key輸入你剛才復制的SSH key就沒問題了
在Webstorm中使用Github
- 那么現在你可以隨意訪問你的一個Repositories，也就是你的代碼庫，比如博主的https://github.com/fangge/fks，然后如下圖點擊相關選項，並填寫好自己的git地址：
如果你要保存項目的目錄中，已經存在了同名目錄，是不能拷貝你的Github項目下來的哦，如下圖
- 點擊Clone后，你的項目就會同步到你的本地中去，然后如果大家是第一次裝Webstorm，應該會提示你安裝Markdown插件，按照它的步驟來安裝就行，目的是為了可以去編寫Github項目特有的介紹項目文README.md，每一個項目都應該有一個這樣的文件，來介紹自己的代碼庫到底有什么作用或者用法是怎么樣的，插件可以直接支持md文件的編寫，關於Markdown的語法也屬於本文討論范圍之外，大家可以去了解一下，反正是一個不錯的文本操作語言，語法很簡單也很實用
- 然后你就可以開始愉快地進行你的github庫管理了
（1）首先，如果當你在文件夾中添加文件時，文件會在左側的項目管理面板中顯示為紅色，說明這個文件是在原有的Github項目中沒有的
那么你就得將這個文件先add到本地github庫中，如下圖操作（或者直接Ctrl+Alt+A）
（2）然后你會發現文件變成綠色，就證明添加成功了，接着你隨意改庫中的文件，你會發現文件變成了藍色，而且在相應的修改代碼段還有一個藍色標記，證明你的修改位置，這里不得不感嘆實在太貼心
（3）然后修改后，你需要上傳你的修改了，你可以有多種方法，一種是在上面的面板中直接commit（提交）你的修改
，另一種是如下圖找到commit的選項來添加快捷鍵，以后就可以快樂地同步你的代碼到github了
（4）提交后，我們發現如下面板，我們發現已經有我們剛才的兩個修改了，一個是綠色的文件添加，一個是藍色的原有文件修改，然后確認無誤后，請務必填寫這次修改的一些觀點，也就是你為什么要更新它，這樣利於管理我們自己的代碼庫，也是一個良好的習慣，不填是無法上傳的哦
（5）填完所有信息后，我們把鼠標移動到Commit的地方，有一個Commit and Push，這就是為了將我們的修改同步到github上，如英文所示，直接Commit，就是單純提交你的修改，可是push，就是把你的修改提交到Github上的代碼庫中。
（6）Push頁面中，你還可以將你現在的修改，重新增加到一個新的branch中，也就是你的代碼庫分支，每個代碼庫都允許有很多個分支，每個分支可以是不同的代碼，點擊Push后，你的代碼就正式同步到你的代碼庫了，你可以隨時查看同步的狀態
（7）提示成功后，過幾分鍾刷新你的頁面，就可以看到你剛才的修改了
（8）你還可以在下面的面板中，看到整個github庫的操作過程，非常方便
（9）你還可以在右下角看你的項目分支，並同步到本地，項目分支有時候不一定是你自己寫的，你可以去看其他人在你代碼庫中的更改哦，很方便吧！！