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)