IronWoods.es

CodeFormatter

Permite adaptar el código de un fichero a estándares automáticamente cuando se guarda y permite formatear ficheros en otros lenguages.

Video sobre su uso

Laravel Blade Highlighter

Resalta la sintaxis de Blade en los templates de Laravel.

PhpCodeGen
Generar código PHP escribiendo "gemas".

Como hay que aprender las combinaciones, sólo es interesante si vamos a escribir mucho PHP.

PHP CS Fixer
Reformatear código PHP adaptándolo a estándares / recomendaciones.

Requiere tener instalado PHP CS Fixer en el sistema (instrucciones detalladas en la documentación de instalación).

Configuración

Tras instalar el plugin, la configuración mínima sería añadir el atajo de teclado necesario para su uso.

Menú: Preferences / Package Settings / PHP CS Fixer / Key Bindings - User

{ "keys": ["ctrl+alt+f"], "command": "sublime_PHP_cs_fix"}

Uso

Para corregir el fichero actual: ctrl + alt + f

phpunitkit
Permite ejecutar test unitarios dentro del editor.

PHP Companion
Ayuda al escribir código PHP, por ejemplo, en la inserción de los namespaces de las clases.

SublimeCodeIntel
Proporciona las siguientes características:

• Saltar a la definición de símbolo - Saltar al archivo y a la línea de la definición de un símbolo.
• Importa autocompletar - Muestra autocompletar con los módulos/símbolos disponibles en tiempo real.
• Llamada de función de consejos de herramientas - Muestra información en la barra de estado sobre la función de trabajo.

From: Komodo Editor, CodeIntel supports all the languages: ActionScript, Django, Docker, EJS, epMojo, HTML, KomodoSnippet, LaravelBlade, Mason, Mustache, MXML, PHP, R, reStructuredText, RHTML, Smarty, TracWiki,TemplateToolkit, Twig, XBL, XML, XSLT, XUL, Python, Python3, Ruby, Perl, Go, ECMAScript, JavaScript, Node.js, CSS, SCSS, Sass, Less, HTML5, Tcl, C/C++, Objective-C.

GitGutter
Ayuda visual para código versionado con Git: indica los cambios en los ficheros, permite revisarlos, etc.

PackageControl
Plugin para gestionar los paquetes: instalar, listar, eliminar, etc. En su sitio web se pueden buscar los paquetes disponibles para el editor.

Alignment
Permite alinear variables con sus valores en ST2/ST3.

Ejemplos:

Requiere seleccionar las líneas a alinear y usar una combinación de teclas.

Para introducir la combinación abrir el menú: Preferences / Key Bindings. Yo uso ctrl+alt+a:

Por defecto ordena basándose en el signo igual: "=". Para que funcione con CSS, SASS, etc., añadiremos los dos puntos: ":" a la configuración: Preferences / Package Settings / Alignment. Seleccionar Settings - Default, copiar contenido, repetir y seleccionar Settings - User, pegar y cambiar la línea:

por esta otra:

DocBlockr
Ayuda a escribir comentarios en el código, creando bloques automáticamente.

LiveReload
Recarga automática de la ventana del navegador cuando se guardan cambios en el fichero.

Color Highlighter
Subraya con el color real el tag de color hexadecimal en los estilos CSS.

Varias configuraciones posibles como: subrayado en color, color de fondo, bloque de color debajo, al lado, etc., a seleccionar en: Tools / Color Highlighter

ColorPicker
Abre un selector de color para poder obtener un código de color hexadecimal para un selector CSS.

Uso: ctrl+shift+c (Linux & Windows) y cmd+shift+c (OS X).

Emmet
Plugin fundamental al escribir HTML / CSS. Permite crear código a partir de combinaciones escritas.

Ejemplos (editando un fichero .html)

• Crear la estructura de un documento HTML5: html:5 + tab
• Crear cinco bloques div uno debajo de otro: div*5 + tab
• Crear un bloque de tipo párrafo: p + tab
• Crear un bloque de tipo párrafo, con la clase "test": p.test + tab
• Crear un bloque de tipo párrafo, con la clase "test" y el id: "alfa": p.test#alfa + tab

Para consultar combinaciones: Emmet cheat sheet.

HighlightWords
Plugin para el resaltar palabras concretas, por ejemplo, las conocidas como TODO words.

Configuración

Ir a Preferences / Package Settings / HighlightWords para añadir las palabras que se quieran resaltar. La configuración de colores es algo engorrosa, tenemos disponibles los siguientes:

NOTA: el color de "XXX" es el que toman las palabras incluidas cuando se define un color no aceptado por el plugin, en este caso red. Sería lo mismo si indicáramos un código de color.