07月31, 2017

React+Atom开发者增加效率的7个快捷键

选择一个字符串

alt+shift+left/right 快速地选择一个字符串。不仅是atom,几乎所有文本编辑器或者操作系统都支持该快捷键。同样,如果没有shift可以以字符串为基准快速移动光标。

选择一行字符串

cmd+left/right不仅是Atom,几乎所有文本编辑器或者操作系统都支持该快捷键。同样,如果没有shift可以快速移动光标至行首(尾)。

上下移动一行代码

ctrl+cmd+top/down,在React开发中,上下移动组件或者是变量是经常的操作。

复制一行代码

cmd+shift+d可以快速的复制一行代码,根据光标的位置即可,并不需要复制整行

删除一行代码

删除一行代码有两种方式,通过快捷键cmd+delete可以快速的移除一行代码并且下方代码不会自动补齐,对于删除之后还要编辑该行的场景尤为重要。

另外一种方式是通过cmd+x,可以将该行删除后立即补齐。通常,我更喜欢上一种方式,不会破坏结构。

复制相似关键词并粘贴

该操作通过选中单个字符串和选中相似字符串以及光标的控制相结合。如果是用来redux-actions来管理reducer,可以快速生成属性。

下图大致操作如下。

alt+shift+left选中等于和空格cmd+d选中所有等于和空格alt+shift+left选中所有要复制的字符串,cmd+c复制,cmd+right光标快速移动到行尾,alt+shift+left选中要被覆盖的字符串,cmd+v复制。

选择一块相似代码并编辑其相似点

cmd+l可以将块代码以行的方式进行编辑,适用于字符串的相似度不高,但是最终效果都相同的场景。例如,object的属性尾部添加逗号。

下图大致操作如下。

鼠标选中一块代码,cmd+l分块,添加逗号。如果是行首,还需要cmd+left/right来快速移动光标。

本文链接:https://beacelee.com/post/react-atom-shortcut-key.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。