Configuración general

Primero necesitamos crear nuestra configuración base de Sublime Text. Para crear un archivo de configuración base, en Sublime Text, hay que hacer clic en Preferences > Settings - User. Esto abre el archivo de las preferencias predeterminadas (a la izquierda) y un archivo JSON vacío, para escribir nuestras preferencias personalizadas en él (a la derecha, llamado Preferences.sublime-settings - User).

Por ejemplo este es mi (mimimalista) Preferences.sublime-settings - User:

// Settings in here override those in "Default/Preferences.sublime-settings"
// and are overridden in turn by syntax-specific settings.
{
    // Columns in which to display vertical rulers
    "rulers": [80],
    // Tabulation options.
    "tab_size": 4,
    "translate_tabs_to_spaces": true,
    "draw_white_space": "all",
    // Highlights.
    "draw_indent_guides": true,
    "highlight_line": true,
    // Used when saving new files
    "default_encoding": "UTF-8",
    "ensure_newline_at_eof_on_save": true,
}

En esta configuración, establecimos las siguientes opciones:

1. El "rulers": [80] inserta una regla vertical en la columna 80. Para ayudar a la costumbre de intentar mantener el ancho de línea de 80 caracteres o menos (para una mejor visualización en pantallas de terminales pequeños y al hacer diff entre archivos).
2. El "tab_size": 4` establece la longitud de los tabuladores a unos 4 espacios de largo (común en algunos lenguajes como Python) y el "translate_tabs_to_spaces": true convierte los tabuladores en espacios automáticamente cuando se presione la tecla tab ↹ .
3. El draw_white_space": "all" es para mostrar los caracteres invisibles (como espacios, tabs, etc.) en el texto. Otros valores posibles son: "selection" para dibujar los caracteres invisibles solo en el texto que está seleccionado y "none" para desactivar (no mostrar los caracteres invisibles).
4. Otros: "default_encoding": "UTF-8", fija la codificación predeterminada para los nuevos archivos en UTF-8 y "ensure_newline_at_eof_on_save": true es útil en sistemas tipo unix. [2]

Configuraciones especificas para cada lenguaje de programación

En sublime text puedes establecer una configuración específica para cada lenguaje de forma independiente.

Para configuraciones específicas de cada lenguaje, en Sublime Text haga clic en: Preferences > Settings - More > Syntax Specific - User. Luego guarde el archivo generado usando el siguiente formato: LANGUAGE.sublime-settings.

Obviamente puedes configurar tus ajustes a tu gusto. Sin embargo, les recomiendo comenzar con la configuración que propongo y luego hacer los cambios que consideren adecuados.

{
    // tabs and whitespace
    "draw_white_space": "all",
    "tab_size": 2
    // Automatically close HTML and XML tags when </ is entered
    "auto_close_tags": true,
}

{
    // tabs and whitespace
    "draw_white_space": "all",
    "tab_size": 2
}

{
    // tabs and whitespace
    "draw_white_space": "all",
    "auto_indent": true,
    "smart_indent": true,
    "tab_size": 4,
    "trim_automatic_white_space": true,
    "use_tab_stops": true,
    "word_wrap": true,
    "wrap_width": 80
}

Instalación del administrador de Paquetes

To install the Package Control you have two alternatives:

1. Si tu tienes instalada una versión reciente [3] de Sublime text 3, ve a Tools > Install Package Control
2. Si no tienes la opción anterior (o está usando una versión antigua de sublime text), simplemente tienes que abrir la consola de Sublime Text (menú View > Show Console), ir a la pagina de instalación de su sitio, y copiar un código Python algo extraño, peguar el código en la consola, presione Enter ↵ y ... ¡Presto! Ahora puedes instalar cualquier paquete fácilmente desde Sublime.

Después de instalarlo, podrás obtener paquetes directamente desde Sublime Text. ¡Olvídate de buscar e instalar cosas manualmente!

Uso del administrador de Paquetes

1. Abre la paleta de Comandos: Presiona Ctrl+Shift+P (en Windows o GNU/Linux) o Cmd( ⌘ )+Shift+P (en Mac OS X).
2. Escribe "Package Control" y selecciona "Package Control: Install Package".
3. Se va a mostrar una lista de los paquetes disponibles. Hace Doble-click en el nombre del paquete que quieres instala para iniciar su instalación.

SideBar Enhancements

SideBarEnhancements amplía el número de opciones de menú en la barra lateral, agregando algunas funciones clave a la barra lateral como abrir en el navegador, copiar nombres y rutas, etc... lo cual acelera el flujo de trabajo en general. Este tipo de características realmente deberían estar allí por defecto en cualquier editor de texto.

• SideBarEnhancements

Bracket HighLighter

Este complemento proporciona una ayads visual para ubicar en donde comienza y/o termina una etiqueta o paréntesis. Ayuda mucho, especialmente en la depuración al resaltar los limites del texto.

• Bracket HighLighter

Color HighLighter

HighLighter es un paquete para mostrar en el resaltado del texto de un código hexadecimal, gba, rgba, hsl, hsla, etc. el color real que corresponde a ese codigo.

Además, viene con su propio selector de color, solo presiona ctrl+Shift+C y elige tu color.

• Color HighLighter (project is abandoned?)
• Alternativa: Color Highlight

Code​ Formatter

Code​ Formatter convierte el código desordenado (u optimizado) en uno más ordenado y legible. Tiene soporte para los lenguajes de programación: HTML, CSS, JavaScript, JSON, PHP, Python y VBScript.

• CodeFormatter

Linter

Sublime Linter es la "base" para los distintos paquetes de linter de ST3 (un linter es un programa/script que busca errores en el código). Sublime Linter proporciona la API que usan los linters de los lenguajes específicos.

Después de instalar este paquete principal, debe instalar el linter específico para cada uno de los lenguajes de programación que quieres usar.

• Sublime Linter

Emmet

Emmet (antes conocido como Zen Coding) es un plugin disponible para varios editores de texto populares (incluyendo Sublime Text, Visual Studio, Eclipse, Atom, etc.) este plugin te permite escribir código valido HTML sin tener que escribir las etiquetas completas de HTML, sino usando las abreviaciones de Emmet. Por ejemplo, puedes escribir la siguiente linea en tu editor:

div#content>ul#nav>li*4>a

Y tocar la tecla para "expandir la abreviación" de Emmet (por defecto la tecla Ctrl+e). Entonces la abreviación se transforma mágicamente en HTML valido:

<div id="content">
  <ul id="nav">
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
  </ul>
</div>

• Emmet

LiveReload

Un complemento de recarga de página sublime text 3.

• LiveReload

AutoPrefixer

Solo ejecuta esto al escribir una propiedad de CSS y se agregará automáticamente cada prefijo CSS. ¡Simple y rápido!

• AutoPrefixer

Minify

Minify para Sublime Text te permite rápidamente reducir (minify) u ordenar código de JavaScript, JSON, HTML y SVG

• Minify
• Alternativa Minifier: para archivos JS y CSSs

linters para CSS y JS

Reporte errores en el código CSS y js (requiere Sublime Linter)

• linter css
• linter JSHint

linters: flake8 y pydocstyle

A continuación vamos a instalar un linter de Python, para que nos ayude a detectar errores en nuestro código escrito en python. Hay varios, pero yo recomiendo uno llamado linter-flake8 que usa por debajo el conocido flake8 (En pocas palabras, flake8 es un el envoltorio que verifica a la vez: el cumplimiento del pep8, revisa el código como lo hace pyflakes y revisa la complejidad circular")

• linter-flake8

Si instalaste el linter-flake8, ya tienes una validación automática contra el PEP8, pero falta otro paquete que es necesario para validar las cadenas de documentación (docstrings) de acuerdo a la semántica del PEP 257. Esto se resuelve instalando el linter-pydocstyle que puede ser usado lado a lado con flake8 .

• linter-pydocstyle

Otra alternativa interesante del paquete es Pylint, que es una herramienta para verificar los módulos y paquetes utilizados que varios archivos a la vez en un proyecto.

• linter-pylint

Anaconda

Otra opción es Anaconda que agrega una serie de características similares a un IDE a ST3, incluyendo lo siguiente:

• Autocompletar: funciona de forma predeterminada, pero tiene una serie de configuraciones opcionales.
• Buscar: busca rápidamente donde se ha usado una variable, función o clase en un archivo específico.
• Ir a la Definición: encuentra y muestra la definición de cualquier variable, función, o clase a lo largo de todo tu proyecto.
• linting: usando PyLint o PyFlakes con PEP8. Personalmente uso un paquete diferente de linter (mencionado anteriormente), así que deshabilito el lintter por completo en el archivo de configuración de Anaconda definido por el usuario (Anaconda.sublime-setting), en el menú: Preferences > Package Settings > Anaconda > Settings - User agregando la linea {"anaconda_linting": false} en el erchivo Anaconda.sublime-setting.
• Comprobar la complejidad de código de McCabe: Ejecuta el test de McCabe de complexity en un archivo especifico.
• Mostrar la Documentación: muestra la cadena de documentación de las funciones o clases (si está escrita, por supuesto).