乐趣区

关于webstorm:再也不用查API文档了IDE强大的智能提示你还不知道吗

一、前沿:

痛点场景

  • 【晓得】晓得有这么个 api/ 属性,不记得名字了,关上网页查问,长长的文档!!!慢
  • 【不晓得】不晓得这个对象下有什么办法?出参,入参是什么,什么类型?官网写的不具体,看不懂!!!烦
  • 【跳晕了】想简略查看下变量 A 的定义,点击跳转到另外一个页面,敞开这个页面再切换回来。!!!效率太低

应用 IDE 智能提醒的长处

解决下面的所有痛点,更快更爽更强,
所有提醒,都以小窗口模式展示

Tips: 配合 Typescript 成果更佳,会有参数形态 / 类型 / 是否必填项等具体提醒;

  • 【函数入参提醒】ctrl+p
  • 【对象文档提醒】提醒入参,和返回值类型 ctrl+q
  • 【对象属性 / 办法提醒】ctrl+shift+space,反对输出主动提醒
  • 【学习源码】解脱文档,源码即文档,最好的学习形式就是看源码

二、webstrom 弱小的快捷键

function getArray<T>(value:T, length:number):T[]{let arr=[];
    if(length>0){for (let i=0; i<length; i++){arr.push(value)
        }
    }
    return arr;
}

// ctrl+q:提醒入参,返回值类型(光标在扩号内)// ctrl+p:提醒入参(光标在扩号内)// ctrl+shift+i : 提醒函数信息(光标在函数名上)getArray()

ctrl+q (query)

查看以后对象的文档:提醒入参,和返回值类型

ctrl+p (params)

ctrl+shift+i (info)

ctrl+shift+space 主动提醒对象参数

反对对象

反对 react 组件参数提醒

边写边提醒

退出移动版