您的位置:首页 > Web前端 > JavaScript

Webstorm常用快捷键备忘

2016-07-29 14:08 363 查看
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。

2. ctrl + j: 输出模板

3. ctrl + b: 跳到变量申明处

4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)

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

6. ctrl + F12: 可以显示当前文件的结构

7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容

8. alt + left/right:标签切换

9. ctrl + r: 替换

10. ctrl + shift + up: 行移动

11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)

12. ctrl + d: 行复制

13. ctrl + shift + ]/[: 选中块代码

14. ctrl + / : 单行注释

15. ctrl + shift + / : 块注释

16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息

17. ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。

18. ctrl + '.': 折叠选中的代码的代码。

19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。

20. alt + '7': 显示当前的函数结构。

21. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。

常用快捷键—Webstorm入门指南

提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。

windows下的设置方法

快捷键配置

点击“File”-> “settings”

Webstorm预置了其他编辑器的快捷键配置,可以点击





默认配置-Eclipse的常用快捷键对照表

查找/代替

Webstorm快捷键Eclipse快捷键说明
ctrl+shift+Nctrl+shift+R通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+Nctrl+shift+alt+N通过一个字符快速查找位置(必记)
ctrl+Fctrl+F在文件内快速查找代码
F3ctrl+K查找下一个
shift+F3ctrl+shift+K查找上一个
ctrl+Rctrl+F文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+Fctrl+H指定目录内代码批量查找
界面操作

Webstorm快捷键Eclipse快捷键说明
ctrl+shift+Actrl+shift+A快速查找并使用编辑器所有功能(必记)
alt+[0-9]alt+[0-9]快速拆合功能界面模块
ctrl+shift+F12ctrl+shift+F12最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+Falt+shift+F将当前文件加入收藏夹
ctrl+alt+sctrl+alt+s打开配置窗口
ctrl+tabctrl+tab切换代码选项卡(还要进行此选择,效率差些)
alt+←/→alt+←/→切换代码选项卡
ctrl+F4ctrl+F4关闭当前代码选项卡
代码编辑

Webstorm快捷键Eclipse快捷键说明
ctrl+Dctrl+shift+复制当前行
ctrl+Walt+shift+选中单词
ctrl+←/→ctrl+←/→以单词作为边界跳光标位置
alt+insertalt+insert新建一个文件或其他
ctrl+alt+Lctrl+alt+L格式化代码
shift+tab/tabshift+tab/tab减少/扩大缩进(可以在代码中减少行缩进)
ctrl+Yctrl+D删除一行
shift+entershift+enter重新开始一行(无论光标在哪个位置)
导航

Webstorm快捷键Eclipse快捷键说明
escesc进入代码编辑区域
alt+F1alt+F1查找代码在其他界面模块的位置,颇为有用
ctrl+Gctrl+L到指定行的代码
ctrl+]/[ctrl+]/[光标到代码块的前面或后面
alt+up/downctrl+shift+up/down上一个/下一个方法
最后修改:2014.05.12

MAC苹果系统:

快捷键作用
command + d副本当前行或选中的区块
command + f查找当前文档
command + g跳转到文档的某一行某一列
command + p显示参数信息
command + r替换当前文档
command + w选中当前单词、行、区块等
command + y删除整行
command + mouseover显示主要信息
command + [移动光标到代码块前
command + ]移动光标到代码块尾
command + +折叠区块
command + -展开区块
command + ->光标移到行尾
command + <-光标移到行头
快捷键作用
command + option + t将代码以某种格式包括起来
command + option + l将代码格式化
快捷键作用
command + shift + u切换大小写
command + shift + [选中到代码块前
command + shift + ]选中到代码块尾
command + shift + +折叠所有区块
command + shift + -展开所有区块
快捷键作用
shift + return在任意位置换行
shift + F6高级修改,可快速修改光标所在的标签、变量、函数等
control + shift + ffind in path
control + shift + j合并行
control + shift + rreplace in path
快捷键作用
option + deletedelete to word start
option + fn + deletedelete to word end
option + ->以单词为单位移动光标
option + <-以单词为单位移动光标
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  webStorm javaScript