最常用的Sublime Text快捷鍵動畫演示

碼頭工人 10年前發布 | 23K 次閱讀 快捷鍵

本文以GIF動畫形式展示了15個快捷鍵(其中一個自定義鍵)

Selecting Stuff

Moving Lines and Text Around

Cutting and Removing, Copying, and Pasting

Text and Number Manipulation

Commentating and Aligning Variables

  • Comment Selection/Line
  • AlignTab with a Custom Keyboard Shortcut
  • </ul>  

    Select Next Match of a Selection: ? + D
    By placing the cursor on a word and hitting ? + D, we select the word. Hitting D a few more time while still holding ? selects the next instance of the selection found. By hitting ?, then D three times, I have selected three iterations of the text.

    最常用的Sublime Text快捷鍵動畫演示

    Select All Matches of a Selection: CTRL + ? + G
    Same thing as above, except grabs all matches within the file. Careful using this one since it will grab all matches within a file..

    最常用的Sublime Text快捷鍵動畫演示

    Select Opening and Closing Tag Relative to Cursor: ? + ? + K
    This is a gem. Maybe you want all attributes to stay the same, but just want to select the tag. This shortcut will do that for you -- and notice you can do it with multiple tags at a time. *Emmet package required

    最常用的Sublime Text快捷鍵動畫演示

    Select Between Container: CTRL + D
    If you place the cursor between the text and hit the above command it will select the text, much like ? + D. But hit it again and you get the parent container, and again to get that parents’ container. *Emmet package required

    最常用的Sublime Text快捷鍵動畫演示

    Select Between Brackets: ? + ? + Space
    This is helpful for selecting everything between brackets. Works with CSS too.

    最常用的Sublime Text快捷鍵動畫演示

    Move Line Up or Down: CTRL + ? + or

    最常用的Sublime Text快捷鍵動畫演示

    Duplicate Line or Selection: ? + ? + D
    If you have text selected, it will duplicate your selection. Otherwise, place your cursor on the line and duplicate the whole line.

    最常用的Sublime Text快捷鍵動畫演示

    Indenting and Unindent: ? + [ or ]

    最常用的Sublime Text快捷鍵動畫演示

    Cut Line or Selection: ? + X
    Cuts a line to your clipboard, so you can paste it somewhere else.

    最常用的Sublime Text快捷鍵動畫演示

    Paste While Respecting Indents: ? + ? + V
    Another one I use all the time. In the gif I show both, pasting normally (? + V) versus the paste that accounts for indentation. Notice how the indents line up.

    最常用的Sublime Text快捷鍵動畫演示

    Wrap Line or Selection with Tag: CTRL + ? + W
    Wraps a line with a tag; start typing whatever tag you want, and you're done.

    最常用的Sublime Text快捷鍵動畫演示

    Remove Enclosed Container Element: ? + '
    This removes the parent tags relative to your cursor. Helpful for cleaning up markup.

    最常用的Sublime Text快捷鍵動畫演示

    Evaluate Math Expression: ? + ? + Y
    I never thought I would use this as much as I do... but it's really helpful.

    最常用的Sublime Text快捷鍵動畫演示

    Increment and Decrement: ? + OPTION + or , OPTION + or
    Holding ? will change the number by 10, and by 1 when not being held. And notice you don't have to select the number, Sublime Text is smart enough to update the closest number in the line.

    最常用的Sublime Text快捷鍵動畫演示

    Upper and Lowercase: ? + K then U, ? + K then L

    最常用的Sublime Text快捷鍵動畫演示

    Comment Selection/Line: ? + /
    This works across all languages, and works with lines or whole selections.

    最常用的Sublime Text快捷鍵動畫演示

    Bonus! Use AlignTab with a Custom Keyboard Shortcut

    The above shortcuts come with Sublime Text by default, but you can add your own custom shortcuts. The below example applies the AlignTab package using three custom key bindings to vertically align values based on =>, =, and :'s. Since I mainly work in JavaScript and PHP, these bindings account for almost every scenario I need, but you can vertically align with whatever character you want.

    To duplicate gif below in your own editor, just install AlignTab, add the custom bindings to your custom key bindings file, select some code, and hit CTRL + ? + . or ; or =.

    Conclusion

    Once you see a change that has to happen on multiple lines, there’s usually a way to accomplish the changes in fewer keystrokes than editing them one by one. By using a combination of the above shortcuts in succession to perform a repetitive or predictable change, you can greatly increase how fast you code.

    Here's a short Gif that combines selecting all matching occurrences, copying the links' text, utilizing multiple curses to paste that text, and transforming that text to to lowercase.

    來自:http://viget.com/extend/my-overused-sublime-text-keyboard-shortcuts

 本文由用戶 碼頭工人 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!