WebStorm中常用的快捷键及使用技巧
WebStorm中常用的快捷键及使用技巧
————————————-
近期整理了如下个人觉得比较常用的快捷键,也请前辈给予补充、多多指教。
————————————————————
alt+F2 可以选择打开的浏览器 上下键移动选择
Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*…*/ )
ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
ctrl+alt+s 打开配置窗口
shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
alt+F1 查找代码在其他界面模块的位置,颇为有用
Shift+F6 重构-重命名
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+G 查找行
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或Shift+F2 高亮错误或警告快速定位
选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失。
Ctrl+B或Ctrl+鼠标左键单击 快速打开光标处的类或方法,(NB的功能)
Ctrl+E 最近打开的文件
Alt+F1 查找代码所在位置
Ctrl+Alt+L 格式化代码
Ctrl+R 替换文本
Ctrl+F 查找文本
Ctrl+P 方法参数提示
F3 查找下一个
Shift+F3 查找上一个
alt+Shift+F 将当前文件加入收藏夹
ctrl+Shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+Shift+alt+N 通过一个字符快速查找位置(必记)
Shift+enter 重新开始一行(无论光标在哪个位置)
Ctrl + Shift + U 光标所在位置大小写
F11 切换标记,叫书签更好,就是sublime text 的F2
alt+[0-9] 快速拆合功能界面模块
ctrl+D 复制当前行
ctrl+W 选中单词
ctrl+<-或-> 以单词作为边界跳光标位置
esc 进入代码编辑区域
alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
ctrl + shift + n 打开工程中的文件,目的是打开当前工程下任意目录的文件。
ctrl + b 跳到变量申明处
ctrl + [] 匹配 {}[]
ctrl + F12 可以显示当前文件的结构
ctrl + x 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
alt + left/right 标签切换
ctrl + shift + up 行移动
shift + alt + up 块移动(if(){},while(){}语句块的移动)
ctrl + d 行复制
ctrl + shift + ]/[ 选中块代码
ctrl + / 单行注释
ctrl + shift + / 块注释
ctrl + shift + i 显示当前CSS选择器或者JS函数的详细信息
ctrl + \’-/+\’ 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。
ctrl + \’.\’ 折叠选中的代码的代码。
Ctrl+E或者Alt+Shift+C 最近更改的代码
Ctrl+Alt+ left/right 返回至上次浏览的位置
选中文本,按Ctrl+Shift+F7 ,高亮显示所有该文本,按Esc高亮消失。
Ctrl+W 选中代码,连续按会有其他效果
选中文本,按Alt+F3 ,逐个往下查找相同文本,并高亮显示。
Ctrl+Up/Down 光标跳转到第一行或最后一行下
Ctrl+B 快速打开光标处的类或方法
Alt + F7,查找调用者
Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置
双击 Shift 全局搜索
inspect code 右键菜单里,可以检查整个项目的错误和某个文件的错误
=================================
7.webstorm不同颜色的文件代表的意思:
红色:本地新增文件,没有关联到git,ctrl + k 提交不到git;
绿色:由红色add to 转变而成,ctrl + k 可以提交的新增文件;
蓝色:文件内容有修改;
灰色:本地删除的文件(待删除的文件,远程没删)ctrl + k ,ctrl + shift + k 提交就没了。
=================================
4.alt + ←→ 返回光标 上次浏览位置.
5.ctrl+鼠标左键,快速查看方法定义处,vscode也有这个功能,但是总感觉没有webstrom的强大.
6.ctrl+alt +F12可以快速打开当前文件的电脑文件夹,也是很好用的功能.