初学小白--练习Webstorm快捷键的使用

看了小波老师快捷键的相关视频 IntelliJ 常用快捷键，里面的快捷键是按照Mac的系统来的，跟Windows中的还是有不小的差别，而且是按照IntelliJ 中Java编程的相关操作讲解。在这里总结一下Windows中使用Webstorm编写JavaScript常用的快捷键。

Navigation 导航

• 打开文件 Ctrl+Shift+N
• 打开最近打开过的文件 Ctrl+E （出现最近打开文件的列表）
• 打开上一次打开的文件 Ctrl+Tab （与Ctrl+E类似，在最近打开文件的列表中来回切换）

Editing 代码编辑

• 移动行 Ctrl+Shift+ up/down
• 复制当前行 Ctrl+D
• 剪切当前行 Ctrl+X / Shift+Delete
  复制剪切板内容 Ctrl+V / Shift+Insert
• 删除行 Ctrl+Y
• 插入行 Ctrl+Shift+ Enter（在前面插入一行）Shift+ Enter（在后面插入一行）
• 扩展缩小选区 Shift+ up/down（按行扩展或缩小选区）Shift+ left/right（按单词或字母扩展或缩小选区）
• 移动光标到 方法/函数名 处 Alt + up/down
• 移动方法/函数 Ctrl+Shift+ up/down （与移动行相似，移动整个方法/函数时，需将光标置于 方法/函数名 处）

Alt + Enter

• 在Webstorm标示错误处 【Alt + Enter】 可以提示错误原因，并有相应的简单错误处理推荐。如下代码中，createItems(Items)函数还未创建，使用【Alt + Enter】 可以自动创建createItems(Items)函数

function bestCharge(Items) {
  createItems(Items);
  return ;
}

• if条件反转（光标在if条件处按【Alt + Enter】 ，if与else 条件和对应的内容进行反转）

运行和调试

• 运行 Alt + Shift + F10
  做了重构后，要运行上一次的程序 Shift + F10
• 调试 Alt + Shift F9

重构

• 抽取变量 Ctrl +Alt +V （比如 1 抽取，即直接声明变量let a=1）

• 抽取参数 Ctrl +Alt +P
  在函数内Ctrl +Alt +P把未定义的变量值 抽取为函数调用进来的参数，变量值由抽取出的参数名替换

• 抽取方法 Ctrl +Alt +M

• 内联Ctrl +Alt +N （内联变量或方法，抽取方法的逆操作，光标指在方法名上按快捷键）

• 重命名 Shift + F6

• 重构菜单 Ctrl +Alt +Shift+ T (打开重构各种手法的菜单)

补全

• 智能补全 Ctrl +Shift + Enter 可不移动光标，直接补全花括号，分号 等非常多的补齐功能
• 向后声明 变量值.变量类型 + Tab
• 内置Live Templates (JS的自动补齐:)
  1 iter+Tab for循环(let obj of…)
  2 itin+Tab for循环(var obj in…)
  3 itar+Tab for循环从0开始i++ (var i)
  for (var $INDEX$ = 0; $INDEX$ < $ARRAY$.length; $INDEX$++) {
var $VAR$ = $ARRAY$[$INDEX$];
$END$
}
  4 ritar+Tab for 循环到0结束i-- (var i)
  5 defn+Tab
  define(["$MODULE_REF$"], function($MODULE_VAR$) {
$END$
});
  6 flow+Tab 添加 流插入注释 // @flow
  7 ref+Tab 插入参考路径
  ///<reference path="$PATH$"/>
$END$
  8 us+Tab 在文件最开始，添加‘use strict'(使用严格的声明)
  "use strict";
$END$

其他

• 格式化代码Ctrl + Alt + L
• 查找Action ：Ctrl + Shift + A 打开快捷键搜索查找的小框框
  eg. 输入Toggle presensation mode 可以切换演示模式(进入全屏模式)
• 查找一切 按两次Shift 出现“search everywhere”搜索框，可以查找文件、方法、函数等任何东西

附 IntelliJ中与Java相关的快捷键：

• 打开类 Ctrl+N （支持模糊查找）
• 打开单元测试 Ctrl+Shift+T （实现文件与单元测试文件的切换）
• 【Alt + Enter】 (字段 类中的变量)
  1 自动创建类和方法
  2 绑定构造器参数到字段（ 构造函数的参数在构造函数内部赋值 例如this.name=name）
  3 创建字段并赋值 （已经存在的构造函数，新增参数，直接创建this.xx 的赋值，即字段）
• 抽取常量 Ctrl + Alt + C
  eg.将int a = 1；抽取成全局变量：
  public static final int ONE=1；
  int a = ONE;
• 抽取字段 Ctrl + Alt + F （抽取成类中另外的字段）
• 抽取参数 Ctrl +Alt +P
  在函数内Ctrl +Alt +P把未定义的变量值 抽取为函数调用进来的参数，变量值由抽取出的参数名替换，并且变量值移到调用函数的地方作为参数传递
• 内置Live Templates Java tab键的自动补齐功能
• 优化import 语句 Ctrl +Alt + O （比如在任何位置按此快捷键，可以删除多余的import语句）