美文网首页
初学小白--练习Webstorm快捷键的使用

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

作者: 沙子粒儿在西安 | 来源:发表于2017-08-09 15:42 被阅读0次

看了小波老师快捷键的相关视频 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语句)

相关文章

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

    看了小波老师快捷键的相关视频 IntelliJ 常用快捷键,里面的快捷键是按照Mac的系统来的,跟Windows中...

  • WebStorm常用快捷键

    WebStorm常用快捷键 1、查找/代替 Webstorm快捷键Eclipse快捷键说明 ctrl+shift+...

  • WebStorm 快捷键及自定义

    善用快捷键开发效率会很快。WebStorm我的比较有用的快捷键 常用快捷键 WebStorm 自定义快捷键

  • webstorm中 '取消撤销操作' 快捷键设置

    我在刚开始使用webstorm的时候 , 不熟悉webstorm的快捷键 , 一直以为Ctrl + Y是取消撤销操...

  • WebStorm 快捷键指南

    之前练习过一段时间的WebStorm的快捷键的使用,但是,因为我好久没有用,只记得大概的几个。所以现在整理下,对于...

  • webstorm常用快捷键

    这里是webstorm默认的快捷键,如果想使用eclipse或其他方式的快捷键,可以在File->settings...

  • 常用快捷键—Webstorm入门指南

    提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。 快捷...

  • webstorm快捷键大全-webstorm常用快捷键

    默认配置下的常用快捷键,提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自...

  • WebStorm快捷键

    WebStorm常见快捷键 (1)如何在WebStorm中利用快捷键创建一个新的.html的文件 同时按下键盘上的...

  • 2019-01-05标签

    WebStorm常见快捷键 如何在WebStorm中利用快捷键创建一个新的.html的文件 同时按下键盘上的Ctr...

网友评论

      本文标题:初学小白--练习Webstorm快捷键的使用

      本文链接:https://www.haomeiwen.com/subject/gmbfrxtx.html