标签：React ctrl shift 代码 webstorm 快捷键 react tab alt

代码标签输入完成后，按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提供插件提供)

标签：React,ctrl,shift,代码,webstorm,快捷键,react,tab,alt
来源： https://blog.csdn.net/weixin_42965828/article/details/115497088

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。