I like CMD + D to select the next identical selection, OPT + DOWN/UP to move the selections down or up a line, SHIFT + OPT + DOWN/UP to duplicate the selection, and CMD + / to turn the line into a comment. How bout you?

  • spartanatreyu@programming.dev
    link
    fedilink
    English
    arrow-up
    3
    ·
    1 year ago

    Protip: when using emmet, just type ! once then press tab.

    It will write out:

    
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>Document</title>
    </head>
    <body>
    	
    </body>
    </html>
    
    

    With the first tab stop at: device-width, the second tab stop at 1.0, the third at document, and the fourth indented between the body tags.

    This means that if you want to create a new html page specifically with the title “My page” and end with the cursor in the body ready for your new hand written html or your next emmet abbreviation, you only need to press the following:

    1. !
    2. Tab (or whatever your emmet expansion shortcut is)
    3. Tab Tab (to move past the first and second tab stops
    4. My Title
    5. Tab (to move the cursor inside the body tag)

    So it only takes 13 keystrokes (of which 8 keystrokes were typing out the title) to create the following:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>My Title</title>
    </head>
    <body>
    	>|<-- cursor is here
    </body>
    </html>