homefinance blog
La vida es corta. ¿Por qué leer un artículo sobre los atajos y trucos del editor de texto? Para ser un buen desarrollador web, debe ser inusualmente experto en la edición rápida y precisa de archivos de texto en una computadora. Bueno, en un momento, los trabajos alcanzan los elementos básicos. Los abogados deben leer rápidamente, los cirujanos deben tener estables (¡y lavarse!) Y así sucesivamente. Estos bloques no suenan tan encantadores como “encantador un jurado” o “trasplante un corazón”, pero literalmente no hay trabajo, incluidas esas partes encantadoras, sin los elementos básicos.
El desarrollo web es el mismo. Puede creer que el trabajo de un desarrollador web es tener opiniones sólidas sobre ideas impenetrables como “diseño de API” y “capas abstractas”. Pero una descripción literal de nuestro trabajo es “escribir cosas en una computadora”. Y, por lo tanto, si desea ser un buen desarrollador web, debe ser inusualmente experto en editar el contenido de archivos de texto en una computadora y hacerlo de manera rápida y precisa. Solo entonces llega a la parte divertida, que es, como todos sabemos, murmurar “, vamos, mientras rompes el sistema central detrás de una camioneta de escape de velocidad.
Aprendamos algunos trucos y atajos para que el editor de texto se acerque al estado de la camioneta de escape, hoy discutimos algunos atajos que lo harán mucho más eficiente al editar archivos de texto, en particular, en un editor de texto, en mi sublime caso de texto . Aprenderá algunos de los principios más útiles de “Sublime-Text-Fu” (o “Any-Editor-Ti-Usei”, vea a continuación): Cómo los accesos directos del editor de texto se refieren a editar varios elementos en el mismo tiempo , combinado con prácticas específicas de edición de texto, puede ayudarlo a trabajar de manera mucho más eficiente con bloques de texto grandes y engorrosos de cualquier tipo. Seguir con la guía de video esta semana es en gran medida un ejercicio para mostrar y dice, porque es muy difícil describir cómo Use estos trucos y atajos sin demostrarlos. Así que mira el video a continuación. Si no quieres seguir todo (¡probablemente el impulso correcto!), Anoté los momentos clave en el video, con audaz.
https://www.youtube.com/watch?v=8flqg9mxiaq
Por cierto, la calidad del sonido no es, desafortunadamente, ideal en el video, parece que estaba demasiado cerca del micrófono. No dejes que lo distraiga y lo escucho.
Trabajando con otros editores de texto y sistemas operativos Este tutorial para el editor de texto discuta los textos sublimes en una máquina de Windows, pero debería ser útil para todos. Este tutorial para el editor de texto analiza los atajos de texto sublimes en un automóvil de Windows, pero debería ser útil para todos, no solo para el subgrupo de personas que usan esa combinación. Aquí hay algunos grados para traducir estos atajos del editor de texto en su propia configuración: la mayoría de los accesos directos básicos son consistentes entre los editores de texto como hemos visto, las tasas básicas de teclado para otros editores de texto, al menos de los que hablamos aquí, son muy similares. Ciertamente, los que figuran para PhpStorm y Atom son casi idénticos. Si tiene su propio editor de texto, consulte la documentación de los pedidos que mencione y revise mis consejos según sea necesario. Sin embargo, es más que probable que intentar lo que describo aquí “funcionará” si tiene un editor de texto bien establecido: un grado de consistencia en los atajos del editor de texto es de interés para todos. CMD: Mac para CTRL La única diferencia para recordar si está en una Mac genial en lugar de una PC grosera es que, en lugar de la clave CTRL, las Mac tienen una tecla CMD que sirve (en el sentido de este artículo) la misma función . Así que cambie solo CMD con CTRL y debería ser bueno seguir el resto de los consejos aquí.
Dado ese preámbulo, puede ver el video con el editor de texto de su elección, Firefox o Chrome, y esta página bruta de marcado HTML basada en la tabla de uno de los sitios web más antiguos que aún activa en el mundo (¿qué dedicado (¿qué de otra manera?) Odio en Internet Explorer. Y si necesita una instrucción sobre los inspectores del navegador (que uso para extraer la página de Chrome en texto sublime a 1:55 en el video), haga un servicio y lea sobre esas herramientas extremadamente útiles. ¡Está bien, hundamos! La gran epifanía: trabajar con múltiples cursores El uso de varios cursores para editar más cosas simultáneamente es la base de las ganancias de eficiencia discutidas aquí. La experiencia más fuerte que tuve cuando aprendí a trabajar con un editor de texto fue cuando comencé a usar más cursores simultáneamente. Más cursores significan que haces una edición una vez, y ese cambio aparece en todas partes en el documento que edita. El video está lleno de ejemplos de IT-4: 30 es el lugar donde explico y pruebo por primera vez, limpiando cada instancia del texto a lo largo de un documento, todo a la vez. El uso de varios cursores para editar más cosas simultáneamente es la base de las ganancias de eficiencia discutidas aquí. La única otra pregunta es: ¿cómo nos damos cuenta de dónde hacer nuestros múltiples cursores? El resto del artículo discute este tema.
Hacer coincidir en un archivo de texto probablemente el 90% del tiempo que usa más cursores es hacer lo mismo con elementos similares o idénticos en su texto. Los ejemplos a este respecto serían:
Para dar a cada etiqueta
una clase de subtítulo capítulo.
Para reemplazar cada etiqueta depreciada con una etiqueta (como lo hace el video a las 8:00). Para reemplazar la expresión “nuestro equipo” con la palabra “nosotros” después de los primeros tres usos.
Cada uno de estos ejemplos tiene un elemento de coincidencia: implica encontrar un elemento para trabajar para cumplir con criterios específicos, desde “es un
” hasta “es la cuarta aparición o posterior de la expresión” nuestro equipo “”.
Por lo tanto, queremos las cosas que seleccionan nuestros múltiples cursores, los múltiples elementos para los que “hacemos algo”, para que coincidan con una regla. Después de eso, la edición de esas cosas es tan fácil como la edición del primero y aquí interviene el ahorro de tiempo.
¿Cómo seleccionamos más elementos coincidentes? CTRL+D: “Seleccione la siguiente coincidencia” Si resalta una pieza de texto y escribe CTRL+D, seleccionará la siguiente pieza idéntica de texto del mismo documento. Si resalta una pieza de texto en texto sublime o en un editor de texto similar y escribe CTRL+D, seleccionará la siguiente pieza idéntica de texto del mismo documento. Ahora tendrá dos cursores, cada uno en el mismo punto en una pieza de texto idéntico. Nuevamente, 4:30 en el video es el primero en mostrar esto explícitamente.
Alt+F3: “Seleccione todas las coincidencias” que descubrí (durante la grabación de video) que Alt+F3 selecciona todas las apariencias de un modelo de un documento, sin tener que mantener “D” para siempre en texto sublime. Esto es algo muy útil, especialmente para los enormes documentos. CTRL+K: “Descell the actual coincida” Ctrl+k hace algo interesante en el texto sublime: deselecciona la coincidencia actual después de haber seleccionado más elementos con Ctrl+D. Llevo esto en cuestión porque en el video (alrededor de las 38:00) aprendo un modelo que me permite seleccionar cada elemento de alternativa (segundo, cuarto y sexto, pero no el primero, tercero o quinto), que es muy útil para yo. El objetivo imaginado en el video, que es proporcionar diferentes clases a las “primeras columnas” y “segundas columnas” de dos columnas. El modelo es el siguiente: Ctrl+D Ctrl+K Ctrl+D, Ctrl+D Ctrl+K Ctrl+D … más ancho, Ctrl+K le brinda la oportunidad de “saltar” algunos elementos que se ajustan. Supongamos que desea eliminar cada etiqueta
de un documento, excepto el tercero. Cuando alcanza el tercer elemento de coincidencia (la segunda vez que presiona Ctrl+D), puede omitirlo con Ctr+K, puede seleccionar los otros con otros Ctrl+D presionar y limpiarlos todos a la vez. Pareja difícil aquí viene la creatividad. Como señalo en el video, a veces las cosas son similares, pero no idénticas y quieres hacer lo mismo. Un primer ejemplo: cambiar los hexes de color como discute el video a las 10:35, el bloque de texto que elegí tenía mucho marcado que se veía así: – ¿Dónde los seis”? ” Hay números que cambian de acuerdo con el color específico solicitado. Queremos hacer lo mismo con todos estos elementos: borrarlos. Pero son lo suficientemente diferentes como para seleccionarlos todos como el mismo usando Ctrl+D no funcionará. Después de 10: 35 discute, la solución requiere poca creatividad. Aquí está: todos estos elementos son idénticos, excepto “?” valores de color.
Siempre hay seis “?” Valores de color porque son un hex de HTML.
Entonces, seleccione que cierra la etiqueta), luego borre.
Un segundo ejemplo: modificar las etiquetas de apertura y cierre simultáneamente a las 8:00 en el video, cambio todas las etiquetas . Debido a que las etiquetas tienen elementos de apertura y cierre, tenga en cuenta que requiere dos pasos:
Cambie todas las etiquetas (apertura) en etiquetas .
Cambie todas las etiquetas (cierre) en las etiquetas .
Podemos hacer esto a la vez, usando un truco: ambas etiquetas y tienen algo en común – String b>. Nada más en el documento coincide con esa extraña combinación de dos letras, pero cada etiqueta o es. Así que solo estamos buscando (con Ctrl+D o Alt+F3) todas las instancias de B> y lo reemplazamos con Strong>. Orientaciones generales La forma general en que la lógica es defectuosa es tratar de encontrar las partes que son idénticas y trabajar desde allí. La mayoría de las veces, las diferencias son consistentes de una manera que puede trabajar, como “las diferentes partes siempre forman una línea que quiero eliminar” o “las diferentes partes son idénticas, excepto que a veces son mayúsculas y a veces son letras minusculas. ” Algunos ejemplos de este tipo de razonamiento podrían incluir: “Cada fila que quiero eliminar comienza con los mismos cuatro caracteres, <font". (Solución: seleccione el último carácter de la línea anterior y <Font, elimine toda la línea y presione Entrar para restaurar la línea anterior que acaba de eliminar).
"Cada función de PHP que quiero eliminar tiene el mismo segundo argumento, $ Badvar". (Solución: Seleccione $ Badvar) {y elimine toda la línea).
"Quiero cambiar" ratones "a" ratones ", pero no quiero cometer errores en mayúsculas". (Solución: seleccione "Mouses", en cualquier caso, luego seleccione solo "Ouses" y reemplácelo con "Ice").
Por lo tanto, queremos las cosas que seleccionan nuestros múltiples cursores, los múltiples elementos para los que “hacemos algo”, para que coincidan con una regla. Después de eso, la edición de esas cosas es tan fácil como la edición del primero y aquí interviene el ahorro de tiempo.
¿Cómo seleccionamos más elementos coincidentes? CTRL+D: “Seleccione la siguiente coincidencia” Si resalta una pieza de texto y escribe CTRL+D, seleccionará la siguiente pieza idéntica de texto del mismo documento. Si resalta una pieza de texto en texto sublime o en un editor de texto similar y escribe CTRL+D, seleccionará la siguiente pieza idéntica de texto del mismo documento. Ahora tendrá dos cursores, cada uno en el mismo punto en una pieza de texto idéntico. Nuevamente, 4:30 en el video es el primero en mostrar esto explícitamente.
Alt+F3: “Seleccione todas las coincidencias” que descubrí (durante la grabación de video) que Alt+F3 selecciona todas las apariencias de un modelo de un documento, sin tener que mantener “D” para siempre en texto sublime. Esto es algo muy útil, especialmente para los enormes documentos. CTRL+K: “Descell the actual coincida” Ctrl+k hace algo interesante en el texto sublime: deselecciona la coincidencia actual después de haber seleccionado más elementos con Ctrl+D. Llevo esto en cuestión porque en el video (alrededor de las 38:00) aprendo un modelo que me permite seleccionar cada elemento de alternativa (segundo, cuarto y sexto, pero no el primero, tercero o quinto), que es muy útil para yo. El objetivo imaginado en el video, que es proporcionar diferentes clases a las “primeras columnas” y “segundas columnas” de dos columnas. El modelo es el siguiente: Ctrl+D Ctrl+K Ctrl+D, Ctrl+D Ctrl+K Ctrl+D … más ancho, Ctrl+K le brinda la oportunidad de “saltar” algunos elementos que se ajustan. Supongamos que desea eliminar cada etiqueta
de un documento, excepto el tercero. Cuando alcanza el tercer elemento de coincidencia (la segunda vez que presiona Ctrl+D), puede omitirlo con Ctr+K, puede seleccionar los otros con otros Ctrl+D presionar y limpiarlos todos a la vez. Pareja difícil aquí viene la creatividad. Como señalo en el video, a veces las cosas son similares, pero no idénticas y quieres hacer lo mismo. Un primer ejemplo: cambiar los hexes de color como discute el video a las 10:35, el bloque de texto que elegí tenía mucho marcado que se veía así: – ¿Dónde los seis”? ” Hay números que cambian de acuerdo con el color específico solicitado. Queremos hacer lo mismo con todos estos elementos: borrarlos. Pero son lo suficientemente diferentes como para seleccionarlos todos como el mismo usando Ctrl+D no funcionará. Después de 10: 35 discute, la solución requiere poca creatividad. Aquí está: todos estos elementos son idénticos, excepto “?” valores de color.
Siempre hay seis “?” Valores de color porque son un hex de HTML.
Entonces, seleccione que cierra la etiqueta), luego borre.
Un segundo ejemplo: modificar las etiquetas de apertura y cierre simultáneamente a las 8:00 en el video, cambio todas las etiquetas . Debido a que las etiquetas tienen elementos de apertura y cierre, tenga en cuenta que requiere dos pasos:
Cambie todas las etiquetas (apertura) en etiquetas .
Cambie todas las etiquetas (cierre) en las etiquetas .
Podemos hacer esto a la vez, usando un truco: ambas etiquetas y tienen algo en común – String b>. Nada más en el documento coincide con esa extraña combinación de dos letras, pero cada etiqueta o es. Así que solo estamos buscando (con Ctrl+D o Alt+F3) todas las instancias de B> y lo reemplazamos con Strong>. Orientaciones generales La forma general en que la lógica es defectuosa es tratar de encontrar las partes que son idénticas y trabajar desde allí. La mayoría de las veces, las diferencias son consistentes de una manera que puede trabajar, como “las diferentes partes siempre forman una línea que quiero eliminar” o “las diferentes partes son idénticas, excepto que a veces son mayúsculas y a veces son letras minusculas. ” Algunos ejemplos de este tipo de razonamiento podrían incluir: “Cada fila que quiero eliminar comienza con los mismos cuatro caracteres, <font". (Solución: seleccione el último carácter de la línea anterior y <Font, elimine toda la línea y presione Entrar para restaurar la línea anterior que acaba de eliminar).
"Cada función de PHP que quiero eliminar tiene el mismo segundo argumento, $ Badvar". (Solución: Seleccione $ Badvar) {y elimine toda la línea).
"Quiero cambiar" ratones "a" ratones ", pero no quiero cometer errores en mayúsculas". (Solución: seleccione "Mouses", en cualquier caso, luego seleccione solo "Ouses" y reemplácelo con "Ice").
