webstorm中的快捷键有哪些?

现将最常用的快捷键挑出来备忘,既能方便记忆,又能提高工作效率。

WebStorm快捷键操作 最近一段时间在写javascript时,找到一个灰常强悍的IDE。名称叫:WebStorm

目前是英文版的,功能很强大。我也在慢慢摸索之中,现把它的一些常用的快捷键列出来,供使用者参考。

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+N ctrl+shift+R 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F ctrl+F 在文件内快速查找代码
F3 ctrl+K 查找下一个
shift+F3 ctrl+shift+K 查找上一个
ctrl+R ctrl+F 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F ctrl+H 指定目录内代码批量查找

界面操作

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

代码编辑

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

导航

Webstorm快捷键 Eclipse快捷键 说明
esc esc 进入代码编辑区域
alt+F1 alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G ctrl+L 到指定行的代码
ctrl+]/[ ctrl+]/[ 光标到代码块的前面或后面
alt+up/down ctrl+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 + 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 + -> 以单词为单位移动光标
option + <- 以单词为单位移动光标
(0)

相关推荐

  • Webstorm如何设置快捷键

    Webstorm是来开发前端项目的工具,在开发项目时,我们常常使用一些快捷键来加快开发速度,但是由于每个人的习惯不一样,因此需要对快捷键进行设置.本文介绍如何在Webstorm中对快捷键进行设置. 操 ...

  • win8资源管理器中功能区快捷键显示应用技巧

    win8的改变真的是太大了,它不仅用开始屏幕取代了原来开始菜单的功能,预设了众多程序和应用,让用户直接点击屏幕上应用程序就能快速启动和使用。 另外,win8在资源管理器方面,也有诸多特别的设计。下面主 ...

  • 启用Word2010在屏幕提示中显示快捷键功能的图文介绍

    在Word2010文档中,通过启用“在屏幕提示中显示快捷键”功能,可以在将鼠标指针指向某项命令或功能的时候,所显示的屏幕提示中包含该命令或功能的快捷键,操作步骤如下所述: 第1步,打开Word2010 ...

  • Sublime Text2中的快捷键一览表(Sublime 键盘快捷键大全 )

    Sublime Text 提供了无比强大的快捷键阵容,如果能够在Coding的时候灵活的使用快捷键,将能够使得你的效率倍增,相信在不久的将来,Sublime Text将是你跨平台使用的最佳Coding ...

  • 使用宏命令找到Word中的快捷键

    在Word2003中通过运行宏命令可以快速找到Word中的快捷键,操作步骤如下所述: 第1步,打开Word2003窗口,在菜单栏依次单击"工具"→"宏"→&qu ...

  • Word2003中的快捷键大全

    本文列出Word2003中的快捷键大全,包括快捷键组合和快捷键对应的命令。 Ctrl Shift Spacebar 创建不间断空格 Ctrl 连字符 创建不间断连字符 Ctrl B 使字符变为粗体 C ...

  • 怎样在Word2013屏幕提示中显示快捷键

    第1步,打开Word2013文档窗口,依次单击“文件”→“选项”按钮。 第2步,打开“Word选项”对话框,切换到“高级”选项卡。在“显示”区域选中“在屏幕提示中显示快捷键”复选框,并单击“确定”按钮 ...

  • excel中查找快捷键是哪个?

    excel中查找快捷键是CTRL+F,按下该快捷键后,输入查找内容,即可实现快速查找!

  • Office2013中Alt快捷键的使用方法

      Office2013中Alt快捷键的使用方法 (1)在启动Office应用程序后,按"Alt"键,此时在功能区的标签快速访问工具栏的按钮上将会显示出操作快捷键,如图1所示. O ...