Webstorm2018 常用快捷键 和 常见配置

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 + 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

 

未设置软换行和设置软换行后的效果：