what is WebStorm

官網(wǎng)自己的介紹是‘The smartest Javascript IDE,Powerful IDE for the modern JavaScript development’，The smartest英語(yǔ)中最高級(jí)，說(shuō)明webstorm自己的認(rèn)為是最牛逼的，目前我也認(rèn)為webstorm是前端開(kāi)發(fā)的一大神器，當(dāng)然平時(shí)也會(huì)用到像sublime這樣的神器簡(jiǎn)單的查看一下代碼，還有g(shù)ithub出的atom真的在顏值上不輸任何編輯器。

當(dāng)然如果再webstorm本身功能豐富的前提下，再掌握一些高效的快捷鍵，那真是如虎添翼，讓你敲代碼的效率蹭蹭的往上竄。整理這篇文章也是為了方便我自己查看

start

查找

command + g 在當(dāng)前文件中查找
command + shift + f 在某文件夾下查找
command + r 替換

選擇

command + d 行復(fù)制
command + x 剪切行
ctrl + g 查找與當(dāng)前選中的單詞相同的單詞（相當(dāng)于Sublime Text中的Command+d）
command + shift + ‘up/down方向鍵' 上下移動(dòng)選中的代碼塊
shift + enter 重新開(kāi)始新的一行 （無(wú)論光標(biāo)在何位置）
alt + ‘left/right方向鍵' 以單詞為單位移動(dòng)光標(biāo)
command + e 選擇最近打開(kāi)的文件
command + tab 切換當(dāng)前打開(kāi)的文件
command + shift + [/] 快速切換選項(xiàng)卡
control + shift + j 清除選中行的縮進(jìn)，變成單行
alt + ‘up/down方向鍵' 向上/下選擇代碼塊
command + l 跳轉(zhuǎn)行
command + 退格鍵 刪除當(dāng)前行

view代碼神器

command + -/+ 折疊代碼塊（自動(dòng)識(shí)別）
command + shift + -/+ 折疊所有代碼塊（自動(dòng)識(shí)別）
command + . 折疊選中的代碼塊
command + p 顯示參數(shù)信息
command + b/點(diǎn)擊 跳轉(zhuǎn)到變量定義處
alt + F1 查找代碼在其他界面模塊的位置
command + alt + F7 查看當(dāng)前變量在何處被調(diào)用過(guò)
/** + enter 自動(dòng)生成注釋
shift + F6 高級(jí)重命名變量
command + shift + c 復(fù)制當(dāng)前文件的絕對(duì)路徑

command+option+l 格式化代碼

結(jié)尾

可能并不是很全，等自己用到了再往上加