Resumen de consejos y trucos de edición de texto

Le preguntamos a la comunidad Smashing por sus trucos de edición de texto, atajos y funciones favoritas que les ahorran tiempo. Aquí hay un resumen de lo que hemos encontrado bastante útil junto con un par de otras sugerencias que pueden resultarle útiles.

Atajos de teclado favoritos

Muchos de ustedes tienen atajos de teclado favoritos. Algunos de estos serán específicos del editor o del sistema operativo, aunque en muchos casos podrá encontrar un acceso directo similar con las herramientas que está utilizando. He reunido algunos de la comunidad a continuación.

Ste Grainer compartió un consejo sobre los atajos de movimiento y selección:

Los atajos básicos de movimiento/selección que muchos no conocen:

Mantenga presionada la tecla Cmd + Flecha para moverse al principio o al final de una línea o al principio o al final de un documento.

Mantén presionadas las teclas Opt + Arrow para mover una palabra a otra horizontalmente y bloque a bloque verticalmente.

Shift para seleccionar mientras hace eso.

De Jo Frank:

Seleccione todas las ocurrencias de la selección actual ( Ctrl + SHIFT + L en VSCode) y duplique la línea/selección que configuré como Ctrl + D.

Loris Gillet compartió algunos atajos favoritos para saltar o eliminar texto:

⌥ + flechas adelante/atrás permite saltar a la siguiente palabra en lugar de a la siguiente letra
⌥ + flechas arriba/abajo permite saltar al principio/final del párrafo
⌥ + Retroceso elimina la palabra completa en lugar de letra por letra.

Muchos de los consejos sugeridos provinieron de desarrolladores web, consejos para los editores que usaban con más frecuencia. También recibimos sugerencias para Android Studio de Maher Nabeel:

En Estudio Android:

• Ctrl + D — Línea duplicada
• Ctrl + Y — Eliminar línea
• Ctrl + W — Seleccionar bloque
• Ctrl + O — Anular métodos
• Ctrl + ALT + L — Reformatear el código

Editor de atajos de hojas de trucos

Como podemos ver en los consejos ya publicados, aprender los atajos de teclado para su editor ahorra mucho tiempo. Siempre vale la pena echar un vistazo a lo que está disponible para su editor, ya que aprender algunos de estos atajos puede ahorrarle mucho tiempo escribiendo en el transcurso de un día escribiendo código.

En Twitter, Tobin Saunders recomendó la hoja de trucos del Editor Atom, que es una lista detallada de accesos directos para Atom. También eché un vistazo a lo que estaba disponible para otros editores de uso frecuente.

código de estudio visual

El sitio web de VS Code tiene una serie de hojas de trucos descargables en formato PDF, si le resulta útil tener una hoja de trucos impresa en su escritorio.

• ventanas
• Mac
• linux

Joel Reis señaló que si está cambiando a VS Code desde Sublime Text, Atom, Vim o Visual Studio, puede descargar las extensiones del mapa de teclas. Esto significa que puede mantener los atajos de teclado de su editor anterior. Este consejo también se mencionó en Smashing Magazine a principios de este año cuando Burke Holland compartió con nosotros algunas de las cosas que le sorprendería descubrir que VS Code puede hacer, en su artículo "¿Visual Studio Code Can Do That?"

Texto sublime

Puede encontrar una buena selección de accesos directos de Sublime Text 3 para Windows, Mac y Linux aquí.

También tenemos un artículo aquí en Smashing Magazine en el que Jai Panda comparte algunos de sus consejos y trucos favoritos de Sublime Text.

Personalización de su entorno

Nuestros teclados y la configuración predeterminada de la computadora están diseñados más para escribir texto que para escribir código. Algunos comentaristas han realizado cambios en sus valores predeterminados para que sea más rápido escribir las cosas que necesitan escribir con más frecuencia.

Alex Semenikhine hizo esta sugerencia:

Minimizo la cantidad de veces que tengo que mantener presionada la tecla Mayús y presionar un botón. Si pongo corchetes ( ( ) ) con mucha más frecuencia de lo que uso 9 y 0 , personalizo el teclado para reflejar eso, mi 9 es ( y Shift + 9 es 9 , etc.

Paul van den Tool establece su 'Repetición de tecla' y 'Retraso hasta que se repite' en su configuración más alta para que su cursor simplemente "vuele por la pantalla cuando usa las flechas".

Jaron Barends nos contó cómo él, “creó Alt + ; como atajo para insertar un punto y coma al final de una línea actual.”

Usando Emmet

Varias personas mencionaron el sistema de expansión de texto de Emmet. Si codifica manualmente una gran cantidad de HTML y CSS, Emmet puede ahorrarle una gran cantidad de tiempo de escritura. Al escribir HTML, las abreviaturas de Emmet serán familiares para cualquiera que entienda CSS. Por ejemplo, si desea crear una lista desordenada dentro de un elemento div , puede usar lo siguiente:

 div>ul>li

Que luego se convertiría en:

 <div> <ul> <li></li> </ul> </div>

La abreviatura es exactamente el selector que seleccionaría el li en CSS. Un div con a ul como hijo directo y a li como hijo directo de ul . Eche un vistazo a la hoja de trucos de Emmet para ver más ejemplos.

Emmet está integrado en VS Code y está disponible como complemento para muchos otros editores.

Usar un administrador de portapapeles

Erik Verbeek sugiere usar un administrador de portapapeles para que pueda tomar el código copiado del historial. Sugiere usar ClipMenu para OS X, que lamentablemente parece estar descontinuado.

Herramientas similares incluyen:

• CopyClip para MacOS
• PasteBot para MacOS
• Ídem para Windows
• 1Portapapeles Windows y MacOS (actualmente en Beta)

Muchos editores también incluyen un historial del portapapeles para copiar y pegar acciones dentro del editor. En Twitter, @codevoodoo señaló que Webstorm tenía esa característica. Hay una extensión de Clipboard History para VS Code y un paquete para Atom; Sublime Text tiene esto incorporado, como explica este tutorial sobre el historial del portapapeles de Sublime Text.

Una colección de herramientas recomendadas

Se recomendaron algunas herramientas específicas en los comentarios, por lo que aquí hay un resumen de herramientas útiles de las que quizás no haya oído hablar.

Empuje

A las personas a las que les gusta Vim, realmente les gusta Vim. Ciertamente viene con una curva de aprendizaje, sin embargo, si está muy interesado en optimizar la edición de su teclado, es probable que el tiempo invertido valga la pena. Como señala Jess Telford, puede hacer cosas como escribir 13k para mover el cursor 13 líneas hacia arriba.

Eche un vistazo a la hoja de trucos de Vim para obtener una lista de comandos. Puede usar la emulación de Vim en muchos otros editores. La asignación de teclas mencionada anteriormente para VS Code incluye asignaciones para Vim, y también hay un complemento disponible para Atom.

más bonita

Prettier es una herramienta de formateo de código obstinado de código abierto. El uso de Prettier garantiza que todo el código esté formateado con un estilo coherente. Esto es increíblemente útil cuando se trabaja en equipo, ya que significa que se impone un estilo consistente, sin que nadie realmente necesite pensar en ello.

Hay descargas disponibles para varios editores, para que puedas usar Prettier en cualquier entorno que elijas.

AutoHotkey

No había oído hablar de la herramienta AutoHotkey hasta esta sugerencia de @Hobbesenero. AutoHotkey es un lenguaje de secuencias de comandos de automatización para Windows. Con el lenguaje de secuencias de comandos, puede crear accesos directos para tareas comunes, por ejemplo, para insertar una plantilla.

Conversión de formatos de texto con Pandoc

Una de mis herramientas favoritas es Pandoc. Uso Pandoc cuando necesito convertir un formato de texto a otro. Una de las cosas realmente útiles que puede hacer Pandoc es convertir HTML o Markdown en formato EPUB. Con frecuencia hago esto para convertir un conjunto de notas en un archivo que puedo leer usando iBooks en mi iPad. Hago esto para tener un conjunto de notas de fácil acceso para mis talleres o para convertir una documentación extensa en un formato sin conexión fácil de leer para leer en un avión.

Pandoc puede convertir desde y hacia muchos formatos de archivo diferentes. Además de crear archivos EPUB rápidos, también lo uso para convertir copias de documentos de Word a Markdown u otros formatos útiles. Esto puede ser muy útil si obtiene una copia desordenada de un cliente que necesita convertirse para ingresar a un CMS.

TextExpander y Tipinator

TextExpander está disponible para MacOS y Windows y es una herramienta que lo ayuda a crear fragmentos que se pueden insertar mediante métodos abreviados de teclado o abreviaturas comunes. TextExpander fue recomendado por Anders Noren. Si prefiere una solución que no sea un servicio de suscripción, puede probar Typinator.

Estas herramientas de expansión de texto pueden ser útiles fuera de la escritura de código. Si a menudo se encuentra escribiendo la misma información en respuesta a correos electrónicos o solicitudes de soporte, la creación de un acceso directo para insertar ese texto puede generar dividendos rápidamente en términos de tiempo ahorrado.

Lavador de texto

Recomendado en Facebook por Dennis Germundal, Textwasher es una herramienta muy simple para limpiar cualquier formato del texto.

Agregue sus sugerencias en los comentarios

Hay una gran cantidad de formas de mejorar la productividad en las herramientas que usamos todos los días, y también es increíblemente fácil pasarlas por alto por completo. Espero que entre estas sugerencias haya algo para que usted pruebe. O tal vez esto sea un aviso para que profundice un poco más en la documentación de sus editores y otras herramientas. Ciertamente me he inspirado para hacerlo.

Si te perdiste el tweet y tienes excelentes consejos para compartir, agrégalos a los comentarios. ¡Nos encantaría escucharlos!