Webstorm快捷键 | 说明 |
Ctrl + / | 行注释/取消行注释 // |
Ctrl + Shift + / | 块注释/取消块注释 /* …… */ |
Ctrl + W | 选择代码块,增量选择 |
Ctrl + Alt +W | 上个快捷键的回退,减量选择代码 |
Ctrl + Alt + L | 格式化代码 |
Ctrl + C or Ctrl + Insert | 拷贝当前行或者所选代码块到剪切板 |
Ctrl + X or Shift + Delete | 剪切当前行或所选代码块到剪切板 |
Ctrl + V or Shift + Insert | 粘贴剪切板上的内容 |
Ctrl + Shift + V | 粘贴缓冲器中最新的内容 |
Ctrl + D | 复制当前行或者所选代码块并在光标行后进行粘贴 |
Ctrl + Y | 删除光标所在行 |
Shift + Enter | 另起一行(无论光标在哪个位置) |
Ctrl + Shift + U | 所选代码块大小写转换 |
Ctrl + Shift + Up/Down | 上下移动行 |
Alt + Delete | 文件安全删除 |
Shift + F6 | 文件重新命名 |
Alt + Shift + F | 将当前文件添至收藏夹 |
Ctrl + Shift + N | 通过文件名快速查找工程内的文件 |
Ctrl + Shift + Alt + N | 通过一个字符快速查找位置 |
Ctrl + F | 在文件内快速查找代码 |
Ctrl + E | 查看最近编辑的文件列表 |
Ctrl + R | 在文件内快速查找并替换代码 |
Ctrl + Shift + F | 在工程内快速查找代码 |
Ctrl + Shift + R | 在工程内快速查找并替换代码 |
Alt + F1 | 查找当前选项卡在项目模块位置 |
Ctrl + G | 跳到当前选项卡指定行的代码 |
Ctrl + ]/[ | 光标到代码块的前面或后面 |
Ctrl + Shift + Space | 自动补全代码 |
Ctrl + B or Ctrl + Click | 跳转到定义处Go to declaration |
Ctrl + Alt + B | 跳转方法实现处Go to implementation(s) |
Ctrl + Shift + B | 跳转方法定义处Go to type declaration |
Ctrl + Shift + I | 打开定义快速查找(在当前窗口显示当前css选择器或js函数详情) |
Ctrl + Alt + S | 打开配置窗口 |
Ctrl + Shift + A | 快速查找编辑器所有快捷键功能 |
Ctrl + F4 | 关闭当前选项卡 |
Alt + ←/→ | 切换代码选项卡 |
Ctrl + Tab | 弹出界面选择代码选项卡 |
Alt + J | 选中多个相同的单词 |
Alt + 鼠标双击 | Alt 按住不动,鼠标移动到目标单词双击选中,增量选中 |
其他常见问题:
1、webstrom新建文件的快捷键默认是没有,需自己设置;
位置:“File” → “settings” → “keymap”
2、当工程目录很庞大时,有些子目录很经常打开,但层级又很深,这时候可以把目录添加到收藏夹里面,添加成功后,左侧有个“Favorites”菜单
3、全局设置忽略文件:node_modules
位置:“File” → “settings” → “Editor” → “File Types” → “Ignore files and folder”
3.2、忽略某个文件
4、webstrom设置项目运行时默认打开的浏览器
位置:“File” → “settings” → “Tools” → “Web Browsers”
5、在webstrom编辑代码的时候,有时候需要将某段落添加括号注释一下,但是webstrom默认并不能选中文字添加括号。
为编程单元(单词或短语)添加双引号、单引号、中括号、大括号、小括号的配置:
位置:Editer --> General --> Smart Keys
6、在webstrom编辑器里,当一行代码很长很长时,必须拖动滚动条查看后面的内容,但是设置软换行后,代码会根据屏幕大小自动换行,很方便阅读。
位置:Editer --> General --> 勾选Use soft wraps in editor
未设置软换行和设置软换行后的效果: