Atalhos de texto sublime úteis e preenchimentos automáticos para desenvolvedores da Web

ATALHOS DO TECLADO

  • Bloqueie algumas linhas de texto e pressione CTRL + [ e CTRL +] para alterar o recuo

  • Bloqueie algumas linhas de texto e pressione Ctrl + Shift + UP e Ctrl + Shift + DOWN para mover as linhas para cima e para baixo

  • Bloqueie algumas linhas de texto e pressione Ctrl + Shift + K para excluir as linhas

  • Pressione Ctrl + Shift + D para duplicar a linha atual

  • Pressione Alt + F3 para selecionar todas as ocorrências da palavra atual ou seleção atual

  • Pressione Ctrl + D para selecionar a próxima ocorrência da seleção atual, Ctrl + K para pular a última ocorrência selecionada

  • Pressione Alt +. (alt + ponto) para fechar a tag HTML aberta. Por exemplo:

    <div> [alt+.]
    result:

    <div></div>
  • Pressione Alt +. (alt + ponto) várias vezes para fechar várias tags HTML abertas em seus pedidos. Por exemplo:

    <body><div><span> [alt+. 3 times]
    result:

    <body><div><span> </span></div></body>
  • Selecione algum texto e pressione Alt + Shift + W para envolvê-lo em pré-selecionado

    tag que você pode digitar imediatamente para alterar a tag.

  • Pressione Ctrl + G para ir para determinado número de linha

AUTO COMPLETES

Ao trabalhar em arquivos HTML / PHP, ou manualmente configurá-lo por Ctrl + Shift + P , em seguida, digite set php, em seguida, ENTER

  • Digite <html>e pressione TAB para os resultados:

    <html>
    <head>
    <title></title>
    </head>
    <body>
    </body>
    </html>
  • Digite anyhtmltage pressione TAB para os resultados

    <anyhtmltag>|<anyhtmltag> 
  • Digite anyhtmltag.classnamee pressione TAB para os resultados

    <anyhtmltag class="classname">|<anyhtmltag> 
  • Digite anyhtmltag#IDe pressione TAB para os resultados

    <anyhtmltag id="ID">|<anyhtmltag> 
  • Digite phpe pressione TAB para os resultados

    <?php | ?>
  • Digite echoe pressione TAB para os resultados

    <?php echo $var ?>
  • Digite linke pressione TAB para os resultados

    <link rel="stylesheet" type="text/css" href="|">
  • Digite scripte pressione TAB para os resultados

    <script type="text/javascript"></script>

observe que uso a barra vertical “|” para indicar onde o cursor será colocado após o auto completar