Mejoras visuales simples para una mejor codificación en texto sublime

Sublime Text ofrece miles de extensiones y configuraciones para hacer que un editor de códigos personalizado esté disponible para todos. En este momento, les mostraré algunas configuraciones, complementos, temas y esquemas de colores para ayudar a que la experiencia de codificación sea más atractiva visualmente. Esto no solo hará que tu pantalla sea más bonita, sino que también te hará un mejor programador.!


Ajustes

Sublime Text viene pre-construido con algunas funciones geniales para alterar visualmente su experiencia de codificación, sin embargo, algunas de estas configuraciones no están activadas de forma predeterminada. Aquí hay algunos que no podría vivir sin.

Nota: Para editar el archivo de configuración de Sublime Text, ábralo yendo Sublime Text 2> Preferences> Settings - Default y luego seleccionando el elemento apropiado.


Encuentra la configuración que te gustaría cambiar, luego agrégala a tu Ajustes de usuario para evitar que se sobrescriban al actualizar texto sublime.


Eche un vistazo a las configuraciones de instalación y base para obtener más información sobre la administración de las configuraciones de texto sublime..

Fuentes y espaciamiento

Elegir la fuente correcta y el espaciado es una de las formas más personales de personalizar su código. En primer lugar, elija una fuente de codificación adecuada, preferiblemente una fuente monoespaciada. Aquí hay algunos para mirar:

  • Código fuente Pro
  • Consolas
  • Mónaco
  • Inconsolata
  • Anónimo Pro

Una vez que haya elegido una fuente, asegúrese de que esté instalada en su sistema, agréguela a su configuración y ajuste el tamaño y el espaciado con las siguientes opciones:

"Font_face": "Inconsolata";
"font_size": 18;
"line_padding_bottom": 1,
"line_padding_top": 1,

línea de resaltado

Esta configuración dibuja la línea en la que está el cursor con un color diferente (dependiendo de su esquema de color). Ver su línea actual lo ayuda a concentrarse en la tarea actual mientras escribe, navegar fácilmente de línea a línea y encontrar rápidamente su lugar al regresar de un programa diferente.

"highlight_line": verdadero,

highlight_modified_tabs

Para enfocar mejor los archivos no guardados en el proyecto actual, esta configuración resaltará las pestañas de los archivos modificados dentro de una ventana.

"highlight_modified_tabs": true,

fade_fold_buttons

¿Sabía que Sublime Text puede plegar y desplegar trozos de código? Lo hice, pero siempre olvido que la característica está disponible. Si activa esta configuración, dejará la etiqueta plegable a la derecha, en lugar de ocultarla..

"fade_fold_buttons": false,

ajuste de línea

El desplazamiento horizontal puede ser un dolor. Con la configuración de ajuste de palabras activada, su texto fluye al tamaño de pantalla actual y evita tener que desplazarse horizontalmente.
"word_wrap": verdadero,

bold_folder_labels

Hay algunos ajustes geniales disponibles para traer algunos elementos visuales más fuertes a la barra lateral, aquí están:
"bold_folder_labels": true,

Mostrar archivos abiertos en la barra lateral

Curiosamente, esta opción no está configurada en el archivo de preferencias. Para mostrar archivos abiertos en la parte superior de la barra lateral, vaya a:
Ver → Barra lateral → Mostrar archivos abiertos

Alinear la barra lateral

Esto no es tanto un ajuste, en realidad es más una propina. Al igual que en una hoja de cálculo, puede hacer doble clic en el límite entre la barra lateral y el contenido para transformar la barra lateral al ancho de su contenido..


Complementos

Los complementos son extremadamente útiles para aportar funciones adicionales a Sublime Text. Recomiendo usar Control de Paquetes para administrar tus complementos.

BracketHighlighter

Bracket highlighter es un complemento que resalta etiquetas y corchetes (¡imagínate!) Pero en serio, es una herramienta poderosa que te muestra el punto de inicio y final de cada sección del código en el que estás. El tipo de corchete se muestra en la barra lateral y tiene un icono diferente para los diferentes tipos de caracteres y elementos.


Git Gutter

Este es uno de mis favoritos personales. Git gutter es un complemento simple que muestra un icono en el área de gutter para indicar líneas insertadas, modificadas o eliminadas en comparación con su proyecto de git.


SublimeLinter

Este complemento muestra resaltado de pelusa en línea. Con su extensa documentación y una larga lista de linters, este complemento es una excelente solución para asegurarse de que el código esté libre de errores..



Temas y esquemas de color

Una de las formas más grandes de personalizar Sublime Text y personalizarlo es con temas y combinaciones de colores. Actualmente hay cientos de opciones disponibles y se introducen más cada semana. Aquí hay algunos temas y combinaciones de colores que vale la pena analizar..

Tema: Soda

Soda se ha convertido en el tema más popular y el mejor ejemplo de un tema personalizado en la comunidad de Sublime Text. Muchos temas han sido creados por este proyecto. Soda ofrece configuraciones adicionales, gráficos listos para retina y interfaces de usuario oscuras y claras


Tema: Flatland

Si eres un fanático de la tendencia plana, entonces Flatland es una buena opción. Simplifica todos los elementos visuales y le permite especificar otras opciones, como el estilo de las pestañas y la barra lateral..

Tema: Spacegray

Mi favorito personal ahora y actualmente con tendencias en Github, Spacegray tiene una paleta de colores única y una interfaz de usuario hiperminimal.


Esquema de color: Solarizado

El conocido proyecto Solarized está disponible para Sublime Text. Es un proyecto de color etiquetado como "colores de precisión para máquinas y personas" con una teoría de color única detrás de su creación..

Esquema de color: Base16

Base16 es otro esquema de color popular con muchas opciones (actualmente lo estoy usando).


Conclusión

¡Hay mucho más que cubrir! No lo olvides, es importante evaluar todos los diferentes elementos de Sublime Text cuando lo hagas tuyo. No tome mi palabra, vaya a buscar Github o Package Control, pruebe algunas configuraciones nuevas y vea si funcionan para usted. Y revise su configuración de vez en cuando y vea si algo nuevo puede ayudar a mejorar su experiencia de codificación..

¿Qué configuraciones, fuentes, complementos, temas o esquemas de colores ha encontrado para hacer una mejor experiencia de codificación para usted? Háganos saber en los comentarios y compártala con alguien que crea que podría necesitarlo.!