Cómo puedo codificar dos veces tan rápido como tú

Todos estamos familiarizados con los programas de expansión de texto; aunque supongo que el porcentaje de nosotros que los usamos cuando se codifica es bastante bajo. Para cambiar un poco las cosas, hoy les diré cómo crear scripts personalizados de expansión de texto que le ahorrarán una gran cantidad de tiempo. Si no está familiarizado con tales programas, ¡debe ver esto! Después de revisar el tutorial y el tutorial, me encantaría saber cómo ahorra tiempo al desarrollar.

Bien, entonces estoy bromeando con el título de este artículo. Muchas, muchas técnicas tienen en cuenta para escribir código rápido y eficiente. Sin embargo, se sorprenderá de cuánto tiempo puede ahorrar utilizando un programa de expansión de texto simple. Mira el screencast a continuación para aprender uno de mis trucos.

Por qué usar un expansor de texto?

¿Cuántas veces has escrito lo siguiente:

  

Por supuesto, solo toma unos diez segundos, pero imagina multiplicar esa cifra por 100. ¿Cuánto tiempo puedes ahorrar potencialmente asignando una simple pulsación de tecla a un bloque de código? Con un programa de expansión de texto, simplemente puedo escribir "startjs" (o cualquier otra tecla que defina) y presionar tabulador. Una vez que lo haga, todo el código anterior se pegará en.

Muchos IDE ofrecen una sección de fragmentos. Definitivamente utilizar estos para procedimientos más complicados. Sin embargo, es importante tener en cuenta que Texter funciona en cualquier lugar. No depende de un programa específico.

Qué rápido?

Como ejemplo, tomé una página en blanco al 100% y pude crear todo el código a continuación en unos diez segundos, sin copiar y pegar. Utilicé unos cinco fragmentos.

       Documento sin titulo   

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lo primero que se puede hacer es usarlo en la mano, pero si lo hacemos, no tenemos que recurrir a ninguna parte de la misma forma. El dolor de cabeza se repite en volumen y volumen en la piel de la madre y de la madre. Excepteur sint occaecat cupidatat no proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lo que necesitas para empezar

Su mejor opción es hacer una búsqueda en Google para "expansor de texto libre". Hay muchas versiones de pago, pero si te fijas lo suficiente, deberías poder encontrar algunas aplicaciones que funcionen perfectamente. Aquí hay algunas consideraciones que vale la pena.

  • Texter: sólo Windows
  • FastFox: solo Windows
  • TextExpander: solo para Mac

De las opciones enumeradas anteriormente, solo "Texter" es 100% gratis. Los otros dos ofrecen una prueba gratuita de 30 días. Si alguno de ustedes tiene otras opciones, deje un comentario y actualizaré esta lista. Para este tutorial, usaremos Texter (Windows), pero la mayoría de las técnicas se pueden traducir fácilmente a una pieza diferente de software.

Como lo uso?

¡Es fácil! Toma un bloque de código y pégalo en tu portapapeles. Trate de mantener el código lo más general posible; De esa forma no tendrás que modificarlo demasiado. Abra Texter, o su expansor de elección, y elija una clave única. A continuación, pegue su código - ¡y listo! Para probarlo, vuelva a su documento, ingrese su clave y presione la pestaña!

¿Para qué más lo usaría??

Literalmente, tengo docenas de accesos directos asignados, que van desde fragmentos simples a scripts más complicados (sobre los cuales aprenderá en el screencast). Algunos de mis favoritos se enumeran a continuación:

Importar jQuery

 // Escribiendo jquery + tab me da: 

Abrir Javascript en línea

 // Escribiendo beginjq + tab me da: 

Insertar texto de Lipsum

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lo primero que se puede hacer es usarlo en la mano, pero si lo hacemos, no tenemos que recurrir a ninguna parte de la misma forma. El dolor de cabeza se repite en volumen y volumen en la piel de la madre y de la madre. Excepteur sint occaecat cupidatat no proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Conveniencias simples

No te olvides de los simples tres segundos ahorradores de tiempo. Esas se acumulan rápidamente en el transcurso de una semana.!

  

Si gastamos un minuto más o menos, podemos escribir un script rápido que posicionará el cursor entre las comillas "src". (Recuerde: el objetivo es tocar el mouse lo menos posible). Cambie la opción en Texter de "Texto" a "Script" y pegue lo siguiente:

 ^ IZQUIERDA ^ IZQUIERDA ^ IZQUIERDA IZQUIERDA IZQUIERDA

En este pequeño script, agregamos nuestra etiqueta de imagen, y luego usamos una combinación de "Control Izquierda" e "Izquierda" para colocar nuestro cursor correctamente.

  • ^ = Control
  • + = Shift
  • # = Clave de Windows
  • ! = Alt

  • TAB = tecla de tabulación
  • BS = tecla de retroceso
  • IZQUIERDA = tecla de flecha izquierda
  • INICIO = tecla de inicio
  • ... etc.

Tutorial de escritura!

Cada vez que publiquemos un tutorial en nettuts + que contenga scripts, debemos agregar los atributos de "nombre" y "clase" correctos a nuestras etiquetas pre. Esto permite el resaltado de sintaxis. Por ejemplo…

 
 El guión del autor va aquí ... 

Como se puede imaginar, puede ser difícil escribir, o incluso copiar y pegar, las etiquetas pre envueltas quince veces por artículo. ¡Suena como un gran uso para la expansión de texto! Sin embargo, solo insertar ese fragmento en nuestro programa de elección no es suficiente. Necesitamos agregar un script simple. Lo siguiente funcionará para Texter; simplemente asegúrese de haber seleccionado la opción "Script", en lugar de "Texto".

 
ENTER ENTER
ARRIBA

Cuando deseamos decirle a Texter que realice una pulsación específica, simplemente envolvemos el nombre de la clave entre llaves. Por ejemplo, cuando escribí UP al final, lo hice porque quería que el cursor terminara finalmente entre las dos etiquetas previas, no después de.

  
 (el cursor estará aquí) 

Tenga en cuenta

Es posible que tenga que modificar sus scripts para el IDE que elija. Tenga en cuenta que algunos IDE aplican sangría automática, finalización de código, etc. Esto puede arruinar un poco sus scripts. Para compensar, podría ser más fácil deshabilitar esas características.

Cuales son tus trucos?

Siempre estoy en busca de atajos. Se trata de mantener su salario por hora lo más alto posible, sin producir un producto inferior. ¿Cómo se ahorra tiempo al desarrollar??

Pega tus scripts en los comentarios

Yo, y estoy seguro de que los otros lectores, apreciaríamos si pegaras tus "mini-scripts" personalizados de Texter junto con una breve descripción de cómo te ayudan.!

  • Suscríbase a la fuente RSS de NETTUTS para obtener más artículos y artículos de desarrollo web diarios..