Webstorm常用快捷键备忘(Webstorm入门指南)

时间:2021-05-22

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。百度百科

软件名称:
JetBrains WebStorm(java、html5开发工具) v8.0.5 官方英文版
软件大小:
144.3MB
更新时间:
2014-10-01立即下载


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

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+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 + 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 + <- 以单词为单位移动光标

下面是其他网友的补充:

查找/代替

快捷键

说明

ctrl+shift+N 通过文件名快速查找工程内的文件 ctrl+shift+alt+N 通过一个字符快速查找位置 ctrl+F 在文件内快速查找代码 F3 查找下一个 shift+F3 查找上一个 ctrl+R 文件内代码替换 ctrl+shift+R 指定目录内代码批量替换 ctrl+shift+F 指定目录内代码批量查找 ctrl+R 文件内代码替换

界面操作

快捷键

说明

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

快捷键

说明

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

界面操作

快捷键

说明

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

代码编辑

快捷键

说明

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

导航

快捷键

说明

esc 进入代码编辑区域 alt+F1 查找代码在其他界面模块的位置,颇为有用 ctrl+G 到指定行的代码 ctrl+]/[ 光标到代码块的前面或后面 alt+up/down 上一个/下一个方法

建议配置版本控制快捷键

快捷键

说明

ctrl+C 提交代码 ctrl+p 向远程版本库推送更新 ctrl+G 到指定行的代码 ctrl+]/[ 光标到代码块的前面或后面 alt+up/down 上一个/下一个方法

补充

Ctrl+/或Ctrl+Shift+/ 注释(//或者) Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G 查找行 Ctrl+Shift+Up/Down 代码向上/下移动。 F2或Shift+F2 高亮错误或警告快速定位 写代码,按Tab 生成代码 选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失。(因为这个功能我就可以发放心的放弃sublime了) Ctrl+B或Ctrl+鼠标左键单击 快速打开光标处的类或方法,(NB的功能) Ctrl + Alt + B Go to implementation(s) 跳转方法实现处 Ctrl + Shift + I Open quick definition lookup 打开定义快速查找 Alt + Up/Down Go to previous/next method 跳转到上一个/下一个方法 Ctrl+E 最近打开的文件 Alt+F1 查找代码所在位置 Ctrl+Alt+L 格式化代码 Ctrl+R 替换文本 Ctrl+F 查找文本 Ctrl+P 方法参数提示 F3 查找下一个 Shift+F3 查找上一个 alt+Shift+F 将当前文件加入收藏夹 ctrl+alt+s 打开配置窗口 ctrl+Shift+N 通过文件名快速查找工程内的文件(必记) ctrl+Shift+alt+N 通过一个字符快速查找位置(必记) Shift+enter 重新开始一行(无论光标在哪个位置) Ctrl+Alt+T with…(if, else, try, catch, for, etc)用 * 来围绕选中的代码行,( * 包括 if 、 while 、 try catch 等) Ctrl + Shift + U Toggle case for word at caret or selected block 光标所在位置大小写 Ctrl + Delete Delete to word end 删除文字结束 Ctrl + Backspace Delete to word start 删除文字开始 Ctrl + E Recent files popup 弹出最近打开的文件 F11 Toggle bookmark 切换标记,叫书签更好,就是sublime text 的F2 Ctrl + Shift + F12 Toggle maximizing editor 切换最大化编辑器 Alt + Shift + F Add to Favorites 添至收藏夹

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章