需求

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

導(dǎo)讀

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

1.了解git和github的區(qū)別
2.學(xué)習(xí)如何使用webstorm中的git

2.1 如果電腦重裝后，如何盡快讓webstorm投入生產(chǎn)？

2.2 webstorm是不是自帶了git？

2.3 剛進(jìn)公司，給我個項目怎么配合著現(xiàn)有的ide和git去馬上投入生產(chǎn)？

3.webstorm在項目開發(fā)中的常用快捷鍵

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

git和github

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

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

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

?

webstorm中g(shù)it的配置及開發(fā)中常見的故障

??學(xué)習(xí)這個之前，首先要弄清楚一個概念：

我們?yōu)槭裁茨苤苯釉诿钚墟I入git push等命令

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

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

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

?

??

? ? ?ok，若你出現(xiàn)了這個故障，你就這樣恢復(fù)，若沒有略過就好。

給你一個github地址，如果導(dǎo)入到webstorm中

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

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

?

webstorm中常用的快捷鍵

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

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

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

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

? ? ??

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

?

結(jié)尾

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

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/54td/p/5939716.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。