3 - Acceder a la paleta de comandos

Similar a TextMate, podemos usar la paleta de comandos de Sublime accediendo a Herramientas menú, o presionando Mayús + Comando + P, en el mac. Ya sea que necesite visitar una página de Preferencias, o pegar en un fragmento, todo eso se puede lograr aquí.

4 - Conmutación rápida de archivos

prensa Controlar o Mando + PAG, escriba el nombre del archivo al que desea acceder (buscador difuso), y, sin siquiera presionar Entrar, Al instante serás transportado a ese archivo. Si bien Vim y las aplicaciones como PeepOpen ofrecen una funcionalidad similar, no son tan rápidas como la implementación de Sublime.

5 - ¿Cómo sobrevivimos antes de la selección múltiple??

Editores como TextMate han ofrecido durante mucho tiempo la selección vertical, que es bastante ordenada. Pero, con la selección múltiple, puede tener varios cursores en la página. Esto puede reducir drásticamente la necesidad de usar expresiones regulares y realizar búsquedas avanzadas y reemplazar consultas. Tal vez una demostración visual rápida esté en orden ...

Para habilitar la selección múltiple, tienes varias opciones:

• prensa Alt o Mando y luego haga clic en cada región donde necesite un cursor.
• Seleccione un bloque de líneas, y luego presione Mayús + Comando + L.
• Coloque el cursor sobre una palabra en particular y presione Control / Comando + D repetidamente para seleccionar apariciones adicionales de esa palabra.
• Alternativamente, agregue un cursor adicional en todos apariciones de una palabra escribiendo Alt + F3 en Windows, o Ctrl + Comando + G en el mac. Increíble!!

6 - Guías de sangría

Actualización: esta característica ahora viene preinstalada con Sublime Text 2.

Es una característica tan pequeña, pero siempre me ha gustado cómo Notepad ++ en Windows muestra las guías de sangría; hace que la página sea mucho más fácil de navegar y formatear. Sublime Text 2 ofrece esta capacidad, a través de un complemento creado por Nikolaus Wittenstein.

Para integrar este plugin:

• Descargalo
• Cambie el nombre de la carpeta a "Guías de sangría" y arrástrela a la Paquetes carpeta. En una Mac, este camino sería Soporte de aplicaciones / Sublime Text 2 / Packages

7 - Control de paquetes

Los pasos descritos en la sugerencia anterior (# 6) son un poco tediosos, ¿no es así? En su lugar, podemos instalar el excelente Control de Paquetes Sublime, que agiliza todo el proceso.

Para instalar "Control de paquetes", abre Sublime y presiona Control + '. A continuación, pegue el siguiente fragmento en la consola.

 importar urllib2, os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) si no es os.path.exists (ipp) else None; open (os.path.join (ipp, pf), 'wb') .write (urllib2.urlopen ('http://sublime.wbond.net/'+pf.replace (",'% 20 ')). read ())

No se preocupe si no entiende el código anterior; sólo tienes que copiar y pegar!

Por último, reinicie el texto sublime y busque Preferencias -> Configuración del paquete. Si la instalación fue exitosa, ahora verá un Paquete de control elemento en esa lista.

Con Package Control instalado, el proceso de agregar nuevos complementos y funcionalidad se vuelve increíblemente simple!

Para un ejemplo de uso, consulte el siguiente elemento en esta lista.

8 - Alineación

Si eres del tipo que prefiere alinear tus signos de igualdad, por ejemplo, en tu JavaScript ...

// Antes de var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid'; // Después de var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid';

... este proceso puede ser automatizado, a través del complemento Sublime Alignment. En lugar de descargarlo e instalarlo manualmente, en su lugar usemos el control de paquetes (descrito en # 7).

• prensa Mayús + Comando + P
• Escriba "instalar" para que aparezca la opción "Control de paquetes: instalar paquete" y presione Entrar
• Busque "Alineación" y presione Enter para instalarlo.
• Has terminado ¡tan fácil! Tipo Mayús + Comando + A alinearse automáticamente.

Este proceso se puede repetir para todos los complementos típicos que instalamos, como la codificación Zen..

9 - Vim Fanatic

Soy un gran fan de Vim. La cantidad de poder que proporciona es una locura. El hecho de que haya cambiado a Sublime Text 2 debería decir mucho.!

Si está utilizando una versión de desarrollo de Sublime Text (vea el número 2 en esta lista), puede habilitar el modo Vintage, que brinda soporte para los comandos Vi que conocemos y amamos, de acuerdo ... algunos de nosotros amor. El resto de ustedes lo odian! :)

Para habilitar el modo Vintage, vaya a Preferencias / Configuración global - Predeterminado. Una vez que este archivo se abra, navegue hasta la parte inferior y cambie "ignored_packages": ["Vintage"] a "ignored_packages": []. A continuación, reinicie Sublime, presione el Escapar tecla, y, tada: modo de comando!

Cursor del bloque

Una cosa que puede notar es que, en el modo de comando, puede ser difícil encontrar el cursor (especialmente cuando se aprovechan de cosas como los marcadores). En más de una ocasión, me encontré tratando de cazar su ubicación.

Si bien no es una solución perfecta, un complemento, llamado "SublimeBlockCursor", intenta solucionar este problema..

Nota: Si bien el archivo Léame indica que se puede instalar SublimeBlockCursor, a través de Package Control, no pude encontrarlo. En cambio, tuve que clonar el proyecto manualmente en el Paquetes carpeta.

10 - Edición libre de distracciones

A veces, necesitamos filtrar toda la pelusa adicional que se interpone en el camino de nuestra codificación. Utilice el "Modo sin distracciones" para llevar esta idea lo más lejos posible. Esta opción está disponible, a través del Ver menú. Seleccione "Entrar en el modo sin distracciones" o use el método abreviado de teclado de Mac, Control + Shift + Comando + F.

11 - Todavía puedes usar los paquetes TextMate

Los fragmentos de texto y los temas de TextMate se adaptan muy bien al texto sublime. Solo necesitas soltarlos en la carpeta de Paquetes. -- .tmbundle extensión intacta, y Sublime reconocerá los archivos. Esto significa que todo el catálogo de temas de TextMate funcionará en Sublime!

Por ejemplo, he estado trabajando con el (fantástico) motor de plantillas Slim un poco últimamente, y necesitaba un mejor resaltado de sintaxis. Fred Wu creó un paquete para TextMate, pero, tada, ¡también funciona perfectamente en Sublime Text! Si estás interesado, puedes descargar el paquete Slim aquí; Incluye tanto fragmentos como resaltado de sintaxis..

12 - Temas personalizados

El tema predeterminado para Sublime Text es excelente, pero prefiero un tema claro y oscuro personalizado, Soda, creado por Ian Hill..

Instalación

Según lo tomado de la página de Github ...

"Si eres un usuario de git, la mejor manera de instalar el tema y mantenerte actualizado es clonar el repositorio directamente en tu directorio de Paquetes en el área de configuración de la aplicación Sublime Text 2".

Usando git

Vaya al directorio de Paquetes de Sublime Text 2 y clone el repositorio de temas usando el siguiente comando:

 git clone https://github.com/buymeasoda/soda-theme/ "Theme - Soda"

Descargar manualmente

• Descarga los archivos usando la opción de descarga .zip de GitHub.
• Descomprima los archivos y cambie el nombre de la carpeta a Tema - Soda
• Copie la carpeta a su directorio de paquetes de texto sublime 2

Activando el tema

Para configurar Sublime Text 2 para usar el tema:

• Abra su archivo de preferencias globales de usuario de Sublime Text 2: Sublime Text 2 -> Preferences -> User Global Settings
• Agrega (o actualiza) tu entrada de tema para que sea "tema": "Soda Light.sublime-theme" o "tema": "Soda Dark.sublime-theme"

Ejemplo de configuración global del usuario

"tema": "Soda Light.sublime-theme"

13 - Página de rastreo

Sublime Text nos proporciona algunas formas diferentes de consultar una página (fuera de las funciones de búsqueda estándar).

Funciones

Necesita una forma rápida de buscar una función o método específico?

Tipo Control / Comando + r para revelar una ventana emergente que permite esto mismo (Observe la @ símbolo)! Aún mejor, la búsqueda también es confusa, lo que es particularmente útil para clases grandes.

HTML

¿Qué sucede si desea realizar una transición inmediata a una parte específica de una página HTML? div con una clase de envase. Tipo Control / Comando + p, entonces #, e instantáneamente verás un árbol de tu documento.

Ir al número de línea

Para moverse rápidamente a un número de línea específico en la página, puede presionar Control + g. Sin embargo, notará que, una vez más, está levantando esa paleta (Control / Comando + p), y anexando el : símbolo. Esto es adoptado de Vim..

Esto significa, además de Control + g, También puedes escribir, Control / Comando + p, y entonces :NÚMERO DE LÍNEA.

14 - Recuperar archivos remotos con facilidad

Digamos que eres fan de Normalize.css. Tal vez, lo descargue y lo guarde en un fragmento, o almacene la hoja de estilo, en sí misma, en una carpeta de activos. De esa manera, para futuros proyectos, solo necesitas copiar y pegar..

El único problema con este método, como todos hemos descubierto, es que, si han pasado algunos meses, es más que posible que el activo (en este caso, Normalize.css) haya sido actualizado por el creador. Por lo tanto, sus opciones son usar la versión obsoleta de Normalize o, una vez más, volver a la página de GitHub y obtener una copia nueva. Todo esto parece tedioso.

Creado por Weslly Honorato, Nettuts + Fetch es la solución a nuestro dilema. Se puede instalar, a través del Control de Paquetes..

Uso

Solo usarás dos comandos, cuando trabajes con Fetch. Primero, necesitamos guardar algunas referencias de archivos. De nuevo, abre la paleta de comandos y busca "Fetch". Por ahora, elige "Administrar archivos remotos".

Lo bueno de Sublime Text 2 es que la configuración es increíblemente simple. Para asignar referencias a los archivos de activos en línea, solo necesitamos crear un objeto, así (no se preocupe, uno se rellenará previamente con usted después de la instalación):

Por lo tanto, para obtener la última copia de jQuery (si no desea utilizar un CDN):

"archivos": "jquery": "http://code.jquery.com/jquery.min.js"

Aprende más sobre el uso de Nettuts + Fetch.

15 - Plugin de Prefixr

Construido por Will Bond (creador de Package Control), el complemento Nettuts + Prefixr te permite actualizar automáticamente toda tu hoja de estilo para incluir el soporte para todos los diversos prefijos de proveedores CSS3 requeridos. De esta manera, nunca tendrá que visitar el sitio web en sí; simplemente escribe un comando de teclado, y:

.cuadro radio-borde: 10px; caja-sombra: 0 0 5px rgba (0,0,0, .4); 

... se convertirá a:

.cuadro -webkit-border-radius: 10px; -moz-border-radius: 10px; radio del borde: 10px; -webkit-box-shadow: 0 0 5px rgba (0,0,0, .4); -moz-box-shadow: 0 0 5px rgba (0,0,0, .4); caja-sombra: 0 0 5px rgba (0,0,0, .4); 

Uso

Una vez instalado (a través del Control de paquetes), seleccione su hoja de estilo (o un solo bloque), presione Ctrl + alt + x en Windows y Linux, o cmd + ctrl + x en OS X, y el código se ejecutará instantáneamente a través del servicio web Prefixr.

16 - Lanzamiento sublime desde la terminal.

Sublime Text 2 incluye una herramienta de línea de comandos, subl, para trabajar con archivos en la línea de comandos ".

Para usarlo, crea un enlace simbólico a la herramienta..

ln -s "/ Applications / Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~ / bin / subl

Mientras ~ / bin Está en tu camino, eso debería hacer el truco.!

cd myProject subl .

Consulte aquí para instrucciones adicionales.

17 - Autoformato HTML

Curiosamente, la capacidad de formatear automáticamente HTML no se incluye como parte de la compilación predeterminada de texto sublime. El plugin Tag, entre otras cosas., esperanzas para proporcionar una solución, sin embargo, debido a algunas deficiencias, especialmente cuando se trata de comentarios HTML, se queda corto.

El complemento Tag se puede instalar a través de Package Control.

Para probar sus habilidades de auto-formateo, el siguiente HTML:

        
Hola
 
Adiós
  

... se cambiará a:

      
Hola
 
Adiós
  

¡Ay! Se ve peor de lo que es. De mis pruebas, incorrectamente no coloca el cuerpo etiqueta en su propia línea, y se molesta cuando se trata de comentarios HTML. Hasta que estos problemas se solucionen (o se proporcione una solución nativa), es mejor seleccionar manualmente un bloque de HTML para reformatear, en lugar de toda la página.

Se pagará una bonificación de $ 200 al primer desarrollador del complemento de texto sublime que crea y envía el complemento definitivo "Nettuts + HTML Formatter".

18 - Crear un complemento

Si te sientes aventurero, profundiza en la enorme comunidad de desarrollo de complementos de Sublime Text y comienza a contribuir. Tenemos un excelente tutorial sobre el proceso de creación de un complemento ST aquí en Nettuts +. Asegúrate de comprobarlo si te interesa.!

Conclusión

Cuanto más trabajo con Sublime Text 2, más me doy cuenta de lo increíble que es. Pero todo esto no significaría nada si no fuera por el hecho de que es un editor increíblemente rápido y, aún mejor, no está terminado!

Si desea ir aún más lejos, visite Snippeter, un administrador de fragmentos de código que aumenta su codificación guardando sus fragmentos de código en línea y permitiéndole encontrarlos fácilmente usando una barra de búsqueda integrada. También le permite exportar elementos como fragmentos de texto sublimes (con compatibilidad con tabTrigger).