webstorm常用快捷键和react项目的快捷键

代码标签输入完成后,按Tab,生成代码。
ctrl + a - - 选择全部
ctrl + b - - 跳到变量申明处,快速打开光标处的类或方法
ctrl + c - - 复制
ctrl + d - - 如果选择了文本那么就是向此行的末尾复制,如果没有选中文本那就是将此行向下复制
ctrl + e - - 弹出最近打开文件列表,可以快速选择最近曾经打开的文件。
ctrl + f - - 在所在的文件内查文本
ctrl + g - - 跳转至指定行指定列(列可以不填)
ctrl + h - - 显示类结构图(如果没有则不会显示)
ctrl + i - - 暂时不知道干啥的(有知道的朋友可以下方评论,笔者补全)
ctrl + j - - 输出模板,自动代码 【弹出快捷代码框。】
ctrl + k - - 调出git的commit界面,提交版本
ctrl + l - - 如果你ctrl + f查找xxx了,那么在按ctrl + l就会快速指定xxx的位置,在按一次指定下一次位置
ctrl + m - - 暂时不知道干啥的(有知道的朋友可以下方评论,笔者补全)
ctrl + n - - 查找类
ctrl + o - - 选择替换方法
ctrl + p - - 方法参数提示
ctrl + q - - 显示注释文档
ctrl + r - - 替换文本
ctrl + s - - 保存文档(webStrom会帮你自动保存,此快捷键在此编辑器作用不大)
ctrl + t - - 调出git更新项目的选项框,其中包括Merge(合并分支),Rebase(变基)和其他选项
ctrl + u - - 暂时不知道干啥的(有知道的朋友可以下方评论,笔者补全)
ctrl + v - - 将粘贴板内容粘贴下来
ctrl + w - - 选中代码,连续按会拓展选中代码
ctrl + x - - 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
ctrl + y - - 删除光标所在行
ctrl + z - - 回退操作
ctrl + [] - - 匹配 {}[]
ctrl + F12 - - 可以显示当前文件的结构
ctrl + / - - 单行注释
ctrl + ‘-/+’ - - 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。
ctrl + ‘.’ - - 折叠选中的代码的代码。
ctrl + 空格 - - 代码提示
ctrl + delete - - 删除文字结束
ctrl + backspace - - 删除文字开始
ctrl + 鼠标左键 - - 跳到变量声名(引入)处
ctrl + up/down - - 光标跳转到第一行或最后一行下
ctrl + shift + a - - 查找actions
ctrl + shift + e - - 查看css样式
ctrl + shift + f - - 全局查找文本
ctrl + shift + o - - 全局查找指定文件名【mac就是command + shift + 0】
ctrl + shift + n - - 通过文件名快速查找工程内的文件(必记)
ctrl + shift + l - - 打开定义快速查找
ctrl + shift + i - - 显示当前CSS选择器或者JS函数的详细信息
ctrl + shift + k - - 调出git的push界面,推送版本
ctrl + shift + u - - 光标所在位置大小写
ctrl + shift + r - - 全局替换指定文本
ctrl + shift + F7 - - 高亮显示所有该文本,按Esc高亮消失
ctrl + shift + F12 - - 切换最大化编辑器
ctrl + shift + space - - 自动补全代码
ctrl + shift + ]/[ - - 选中块代码
ctrl + shift + up/down - - 上下移动句子
ctrl + shift + / - - 块注释
ctrl + alt + t - - 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
ctrl + alt + l - - 格式化代码
ctrl + alt + o - - 优化导入的类和包
ctrl + alt + v - - 此快捷键可以快速声明一个变量,例如在代码中输入一个字符串,并按下这个快捷键即可快速声明一个字符串变量。
ctrl + alt + space - - 类名或接口名提示
ctrl + alt + left/right - - 返回至上次浏览的位置
ctrl + alt + s - - 打开配置窗口
ctrl + alt + b - - 跳转方法实现处
ctrl + alt + t - - with…(if, else, try, catch, for, etc)用 * 来围绕选中的代码行,( * 包括 if 、 while 、 try catch 等)
ctrl + alt + h - - 点中某一个方法按下这个快捷键,在左边栏上弹出此方法的调用关系,此快捷键在开发中十分常用。
ctrl + shift + alt + n - - 查找类中的方法或变量,通过一个字符快速查找位置(必记)
alt + left/right - - 切换代码视图
alt + up/down - - 跳转到上一个/下一个方法
alt + 回车 - - 导入包,自动修正
alt + f1 - - 查找代码所在位置
alt + F3 - - 逐个往下查找相同文本,并高亮显示
alt + 1 - - 快速打开或隐藏工程面板
alt + insert - - 生成代码(如get,set方法,构造函数等)
alt + shift + c - - 对比最近修改的代码
alt + Shift + f - - 将当前文件加入收藏夹
shift + alt + up - - 块移动(if(){},while(){}语句块的移动)
alt + shift + f - - 将当前文件加入收藏夹
shift + F3 - - 查找上一个
shift + F6 - - 重构-重命名
ctrl + shift + 加号/减号 - - 若方法是收起的,同时按下Ctrl+Shift+加号会将方法展开。相反,若方法是展开的,同时按下Ctrl+Shift+减号则会收起方法。
F2 或shift + F2 - - 高亮错误或警告快速定位
F3 - - 查找下一个
F11 - - 切换标记,我觉得叫书签更好,就是sublime text 的F2
鼠标左键点一个位置,按住shift再点击下一个位置就选中中间全部内容

rcc + tab键 - - 用ES6模块系统创建一个React组件类

rccp + tab键 - - 创建一个带有PropTypes和ES6模块系统的React组件类

rcfc + tab键 - - 创建一个带有PropTypes和所有生命周期方法以及ES6模块系统的React组件类

rcjc + tab键 - - 用ES6模块系统创建一个React组件类(无导出)

下面的自己可以尝试一下哦,笔者只是做了介绍就不放图了哈~
rdp + tab键 - - 快速生成defaultProps
rpc + tab键 - - 用PropTypes和ES6 moudle系统创建一个React纯组件类
rrc + tab键 - - 创建一个连接到redux的React组件类
rrdc + tab键 - - 创建一个通过dispatch连接到redux的React组件类
rsc + tab键 - - 创建没有PropTypes和ES6模块系统的无状态React组件
rscp + tab键 - - 创建有PropTypes和ES6模块系统的无状态React组件
rsf + tab键 - - 以命名函数的形式创建无状态的React组件,不使用PropTypes
rsfp + tab键 - - 使用PropTypes将无状态的React组件作为命名函数创建
rsi + tab键 - - 创建无状态的React组件,不使用PropTypes和ES6模块系统,但使用隐式返回和道具
rwwd + tab键 - - 在没有导入的情况下,在ES6模块系统中创建一个有构造函数、空状态、proptypes和导出的React组件类。(主要用于React时,proptype由webpack提供插件提供)

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzidz

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值