需求

??前端開發中我們最常用的一般是webstorm、hbuilder和sublime，因為以前使用過一段時間eclipse所以我對webstorm的感覺比較良好，再加上以前使用hbuilder維護項目的時候其老是不明原因的崩潰和卡死，所幸后來我就把webstorm作為首選的開發工具了。今天一個朋友問我怎么在webstorm中使用git，我這里也攢了一些webstorm的使用小技巧，所幸就寫篇記錄文章吧。

導讀

??讀完這篇筆記你可以學到如下知識:

1.了解git和github的區別
2.學習如何使用webstorm中的git

2.1 如果電腦重裝后，如何盡快讓webstorm投入生產？

2.2 webstorm是不是自帶了git？

2.3 剛進公司，給我個項目怎么配合著現有的ide和git去馬上投入生產？

3.webstorm在項目開發中的常用快捷鍵

??老規矩，我這里也可以直接寫如何在webstorm中去配置git，但我覺著那沒毛線用，不如把基礎打牢再去學配置來得好，如果項目中著急用，那就直接跳著看第三部分。

git和github

??很多做開發的朋友還在混淆一些概念，如git和github。git和github不是同一個概念，git是版本控制工具，而github可以簡單理解為一個在線的網絡資源分享的倉儲地。 ??

? ? ?當我們使用git的時候，其實我們可以完全不使用github，當一個目錄被git托管以后，會在當前目錄下生成一個名為.git的隱藏目錄，這時我們就可以對目錄中的文件進行conmiit等操作，操作日志都會被記錄到這個名為git的隱藏目錄中，也就是git不需要聯網，你的提交修改都會在本地進行記錄，恢復也是從本地進行恢復的。但，這時候弊端就來了，若需要多人合作呢？若本地宕機，磁盤數據丟失呢？

??為了更好的解決樓上遇到的問題，github就出現了，通過push命令我們可以很方便的將本地修改的項目源文件以及日志提交到云端去，交由云端進行保存，而這里所謂的云端就是github，所以現如今我們總會把git和github放在一塊去說，如圖所示。。。

?

webstorm中git的配置及開發中常見的故障

??學習這個之前，首先要弄清楚一個概念：

我們為什么能直接在命令行鍵入git push等命令

??有人回答只要安裝了相關程序并且在環境變量中配置了就ok，答案肯定是正確的，并且有人已經幫我們做好了這兩步操作點我下載 git for window，當我們安裝完這個程序以后在我們的pc中就可以使用命令行方式的git了，現在的問題就是怎么把他集成到我們的webstorm中。

??之前我朋友問我怎么在git上使用webstorm，我說你先安裝git，然后用webstorm自帶的插件用一下就ok，點點鼠標的問題，他說先試試，最后他給我的結論是他反問我，我沒安裝git啊？我已經把項目拉下來了。我說好吧，解決問題了就成。那現在問題來了，webstorm中到底有沒有集成git，答案是否定的，他之所以能直接拉下來是因為在他安裝webstorm之前電腦中已經安裝過git了，所以他可以直接這么用，我們都知道webstom上點點鼠標的問題，在git bash中都是對應一個個的命令滴。試問在沒有git的情況下你點點鼠標能起作用嗎？

??如何將你本機的git和webstorm關聯呢？正常情況下只要先安裝git再使用webstorm就不需要考慮到這個問題，可是有一種情況就會造成webstorm的git無端失效，那就是當系統崩潰或者重裝以后，git環境變量丟失，這時候我們需要來到webstorm菜單下的settings設置中來重新配置一下git路徑,如圖。

?

??

? ? ?ok，若你出現了這個故障，你就這樣恢復，若沒有略過就好。

給你一個github地址，如果導入到webstorm中

??剛進公司，我就知道幾個簡單的git命令，剛接觸這個項目文檔么有，腫么辦？負責人說，那你就拉下項目先熟悉熟悉吧？嗯，問題怎么配合著webstorm拉？我只會用命令把他拉到本地的文件夾啊，貌似這么做也行，但你下次提交怎么辦？多人pusll怎么辦？也用命令？你在webstorm中開發完然后再打開相應文件夾去提交？

??解決方法其實比較簡單，只要該項目導入的時候是以git方式導入的，那么對這個項目的后續操作就都是git的方式勒，我們就可以直接在該文件的編輯框中點擊右鍵選擇git對該文件進行提交，如圖所示，屆時所有的操作就都移交給了webstorm，開發效率大大提高。。

?

webstorm中常用的快捷鍵

??上面提到過，若給你一個沒有文檔的項目且文件之間的關聯緊密繁多你該如何？這時候就需要用到全局搜索，就是定位一個關鍵字或者關鍵詞出現在哪個文件中，我們使用ctrl+h快捷鍵。

??如果文件嵌套很深，如index.html這個文件在a目錄下的b文件夾下的c文件夾中，你想要馬上打開這個文件該怎么辦?我們可以按兩下shift鍵，然后打開搜索框搜索相應的文件名就可以。

??如果我們要同時選中多個不同的文字將他改為同一個關鍵字你該如何做？替換？替換針對的只是選中相同的關鍵字，此刻我說的是不同，比如選中字母a和字母b將他替換成c，這時候我們可以使用alt+雙擊關鍵字的方法。

??如果你想把a替換到b位置，想把c替換到d位置，且是高頻熱替換，你該怎么做？傻傻的每次去分別復制a和c然后放到b和d的位置嗎？明顯效率低下，我們可以使用ctrl+shift+v打開剪貼板，有選擇性的進行粘貼，如圖。

? ? ??

??上一次我是在a文件中查看了200行的代碼，現在我在b文件中查看第300行代碼，這兩處代碼有邏輯上的關聯，但是我卻忘記了上一次我在何處看了代碼，怎么回到a文件的200行呢？我們可以使用alt+左方向鍵。

?

結尾

??webstorm的其他快捷鍵網上一搜一籮筐而且對于大多數人來說甚為常見，大家需要的自行搜索就可以，我們公司后端使用java，碰巧eclipse的快捷鍵也能映射到webstorm中，為了和后端一統，所以上文中我提到的ctrl+h指代的是eclipse映射過來的快捷鍵。

映射方式：file->settings->keymap 即可。

?

轉載于:https://www.cnblogs.com/54td/p/5939716.html

總結

以上是生活随笔為你收集整理的常见开发需求之前端利器webstorm中的git和快捷键的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。