Webstorm常用快捷鍵備忘

WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具染坯。被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”焦除、“最強(qiáng)大的HTML5編輯器”妓湘、“最智能的JavaSscript IDE”等员咽。與IntelliJ IDEA同源妆兑,繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能惹骂。

現(xiàn)將最常用的快捷鍵挑出來備忘苏携,既能方便記憶,又能提高工作效率对粪。

1. ctrl + shift + n: 打開工程中的文件右冻,目的是打開當(dāng)前工程下任意目錄的文件。

2. ctrl + j: 輸出模板

3. ctrl + b: 跳到變量申明處

4. ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)

5. ctrl + []: 匹配 {}[]

6. ctrl + F12: 可以顯示當(dāng)前文件的結(jié)構(gòu)

7. ctrl + x: 剪切(刪除)行著拭,不選中纱扭,直接剪切整個(gè)行,如果選中部分內(nèi)容則剪切選中的內(nèi)容

8. alt + left/right:標(biāo)簽切換

9. ctrl + r: 替換

10. ctrl + shift + up: 行移動(dòng)

11. shift + alt + up: 塊移動(dòng)(if(){},while(){}語句塊的移動(dòng))

12. ctrl + d: 行復(fù)制

13. ctrl + shift + ]/[: 選中塊代碼

14. ctrl + / : 單行注釋

15. ctrl + shift + / : 塊注釋

16. ctrl + shift + i : 顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細(xì)信息

17. ctrl + '-/+': 可以折疊項(xiàng)目中的任何代碼塊儡遮,它不是選中折疊乳蛾,而是自動(dòng)識別折疊。

18. ctrl + '.': 折疊選中的代碼的代碼。

19. shift + esc: 當(dāng)前激活的任意小窗口最小化肃叶,也可以是alt+數(shù)字鍵蹂随,數(shù)字在小窗口有顯示。

20. alt + '7': 顯示當(dāng)前的函數(shù)結(jié)構(gòu)因惭。

21. 如果是*.html頁面岳锁,則在文件名下的導(dǎo)航欄某DOM結(jié)構(gòu)上右鍵,可以全選當(dāng)前DOM結(jié)構(gòu)蹦魔。

常用快捷鍵

windows下的設(shè)置方法

快捷鍵配置

點(diǎn)擊“File”-> “settings”

Webstorm預(yù)置了其他編輯器的快捷鍵配置激率,可以點(diǎn)擊

默認(rèn)配置-Eclipse的常用快捷鍵對照表

查找/代替


Webstorm快捷鍵 ? Eclipse快捷鍵 ? 說明


ctrl+shift+N ? ctrl+shift+R ? ? 通過文件名快速查找工程內(nèi)的文件(必記)

ctrl+shift+alt+N ctrl+shift+alt+N 通過一個(gè)字符快速查找位置(必記)

ctrl+F ctrl+F 在文件內(nèi)快速查找代碼

F3 ctrl+K 查找下一個(gè)

shift+F3 ctrl+shift+K 查找上一個(gè)

ctrl+R ctrl+F 文件內(nèi)代碼替換

ctrl+shift+R 指定目錄內(nèi)代碼批量替換

ctrl+shift+F ctrl+H 指定目錄內(nèi)代碼批量查找

界面操作


Webstorm快捷鍵 Eclipse快捷鍵 說明


ctrl+shift+A ctrl+shift+A 快速查找并使用編輯器所有功能(必記)

alt+[0-9] alt+[0-9] 快速拆合功能界面模塊

ctrl+shift+F12 ctrl+shift+F12 最大區(qū)域顯示代碼(會隱藏其他的功能界面模塊)

alt+shift+F alt+shift+F 將當(dāng)前文件加入收藏夾

ctrl+alt+s ctrl+alt+s 打開配置窗口

ctrl+tab ctrl+tab 切換代碼選項(xiàng)卡(還要進(jìn)行此選擇,效率差些)

alt+←/→ alt+←/→ 切換代碼選項(xiàng)卡

ctrl+F4 ctrl+F4 關(guān)閉當(dāng)前代碼選項(xiàng)卡

代碼編輯


Webstorm快捷鍵 ? Eclipse快捷鍵 ?說明


ctrl+D ctrl+shift+↑ 復(fù)制當(dāng)前行

ctrl+W alt+shift+↑ 選中單詞

ctrl+←/→

ctrl+←/→

以單詞作為邊界跳光標(biāo)位置

alt+insert alt+insert 新建一個(gè)文件或其他

ctrl+alt+L ctrl+alt+L 格式化代碼

shift+tab/tab shift+tab/tab 減少/擴(kuò)大縮進(jìn)(可以在代碼中減少行縮進(jìn))

ctrl+Y ctrl+D 刪除一行

shift+enter shift+enter 重新開始一行(無論光標(biāo)在哪個(gè)位置)

導(dǎo)航


Webstorm快捷鍵 ?Eclipse快捷鍵 ?說明


esc esc 進(jìn)入代碼編輯區(qū)域

alt+F1 alt+F1 查找代碼在其他界面模塊的位置勿决,頗為有用

ctrl+G ctrl+L 到指定行的代碼

ctrl+]/[ ctrl+]/[ 光標(biāo)到代碼塊的前面或后面

alt+up/down ctrl+shift+up/down 上一個(gè)/下一個(gè)方法


MAC蘋果系統(tǒng):


? ? ?快捷鍵 ? ? ? ? ? ? ? ? ? ? ?作用


command + d 副本當(dāng)前行或選中的區(qū)塊

command + f 查找當(dāng)前文檔

command + g 跳轉(zhuǎn)到文檔的某一行某一列

command + p 顯示參數(shù)信息

command + r 替換當(dāng)前文檔

command + w 選中當(dāng)前單詞柱搜、行、區(qū)塊等

command + y 刪除整行

command + mouseover 顯示主要信息

command + [ 移動(dòng)光標(biāo)到代碼塊前

command + ] 移動(dòng)光標(biāo)到代碼塊尾

command + + 折疊區(qū)塊

command + - 展開區(qū)塊

command + -> 光標(biāo)移到行尾

command + <- 光標(biāo)移到行頭

command + option + t 將代碼以某種格式包括起來

command + option + l 將代碼格式化

command + shift + u 切換大小寫

command + shift + [ 選中到代碼塊前

command + shift + ] 選中到代碼塊尾

command + shift + + 折疊所有區(qū)塊

command + shift + - 展開所有區(qū)塊

shift + return ? ?在任意位置換行

shift + F6 ? ? 高級修改剥险,可快速修改光標(biāo)所在的標(biāo)簽聪蘸、變量、函數(shù)等

control + shift + f ? ? find in path

control + shift + j ? ? ?合并行

control + shift + r ? ? ?replace in path

option + delete ? ?delete to word start

option + fn + delete ?delete to word end

option + -> ? ? ?以單詞為單位移動(dòng)光標(biāo)

option + <- ? ? ?以單詞為單位移動(dòng)光標(biāo)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末表制,一起剝皮案震驚了整個(gè)濱河市健爬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌么介,老刑警劉巖娜遵,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異壤短,居然都是意外死亡设拟,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進(jìn)店門久脯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來纳胧,“玉大人,你說我怎么就攤上這事帘撰∨苣剑” “怎么了?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵摧找,是天一觀的道長核行。 經(jīng)常有香客問我,道長蹬耘,這世上最難降的妖魔是什么芝雪? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮综苔,結(jié)果婚禮上惩系,老公的妹妹穿的比我還像新娘位岔。我一直安慰自己,他們只是感情好蛆挫,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布赃承。 她就那樣靜靜地躺著妙黍,像睡著了一般悴侵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拭嫁,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天可免,我揣著相機(jī)與錄音,去河邊找鬼做粤。 笑死浇借,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的怕品。 我是一名探鬼主播妇垢,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼肉康!你這毒婦竟也來了闯估?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤吼和,失蹤者是張志新(化名)和其女友劉穎涨薪,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炫乓,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡刚夺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了末捣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片侠姑。...
    茶點(diǎn)故事閱讀 40,424評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖箩做,靈堂內(nèi)的尸體忽然破棺而出结借,到底是詐尸還是另有隱情,我是刑警寧澤卒茬,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布船老,位于F島的核電站,受9級特大地震影響圃酵,放射性物質(zhì)發(fā)生泄漏柳畔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一郭赐、第九天 我趴在偏房一處隱蔽的房頂上張望薪韩。 院中可真熱鬧确沸,春花似錦、人聲如沸俘陷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拉盾。三九已至桨菜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間捉偏,已是汗流浹背倒得。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留夭禽,地道東北人霞掺。 一個(gè)月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像讹躯,于是被迫代替她去往敵國和親菩彬。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 公司需要我做一些前端的東西潮梯,最近在學(xué)了一下骗灶。個(gè)人有編輯器恐懼癥,不知道選什么編輯器好酷麦,糾結(jié)之后還是選擇了Subli...
    Ke_Wang閱讀 1,867評論 2 7
  • WebStorm常用快捷鍵 1矿卑、查找/代替 Webstorm快捷鍵Eclipse快捷鍵說明 ctrl+shift+...
    軼子西閱讀 6,901評論 1 5
  • 返回上次光標(biāo)的位置Ctrl+Alt+ left/right 返回至上次瀏覽的位置 Alt+回車 導(dǎo)入包,自動(dòng)修正C...
    請叫我四爺閱讀 1,938評論 1 2
  • Ctrl Ctrl + F 在當(dāng)前文件進(jìn)行文本查找 (必備) Ctrl + R 在當(dāng)前文件進(jìn)行文本替換 (必備) ...
    七弦桐語閱讀 18,759評論 0 26
  • “昨天沒睡好”、“最近總是睡不好”沃饶、“我的睡眠質(zhì)量一直都不好”等等母廷,之前的我?guī)缀趺刻於家c身邊人發(fā)生這些類似的對話...
    無貳閱讀 771評論 6 7