Sublime Text 2 para desarrollo web

Este post lo estaba debiendo pero me daba pereza escribirlo y creo que vale la pena explicar algunos motivos.

  1. Sublime Text 2 es una herramienta tan completa que no creo que haya 2 configuraciones iguales.
  2. Todo el mundo tiene necesidades distintas, asi que lo que me sirve a mi puede no les sirva a otros o viceversa.
  3. Usar este genial IDE de programacion es una tarea de descubrimiento continuo, siempre hay alguno nuevo que aprender o algun plugin nuevo que instalar.

En este post les voy a contar como lo uso yo y ojala descubran algo nuevo

Plugins que uso

Sublime_Text_Logo

  • Package Control. Es el mas importante de todos porque es el que se necesita para poder instalar el resto de manera comoda y rapida desde el mismo Sublime Text.
  • Additional PHP Snippets. Los snippets son trozos de codigo de utilizacion habitual. Y con esto me ahorro bastante tiempo en escribir ifs, foreachs, etc etc. Ademas que funciona bien incluso dentro de codigo html ya que agrega solito las etiquetas de apertura y cierre de php.
  • Aligment. No lo uso mucho pero cuando tengo un codigo que me hace doler la cabeza de desordenado que esta entonces esto me ayuda un poco a ver mejor el panorama.
  • Emmet. De los mas utiles que tengo. Me deja escribir codigo con estilo zen y me ahorro mucho tiempo.
  • JS Snippets. Snippets muy utiles para javascript. Me ayuda con los if else, for y log. Son varios mas pero eso son los que mas uso.
  • LoremIpsum. Para crear texto de pruebas para sitios web.
  • PhpBeautifier. Para dejar bonito el codigo PHP, en especial cuando lo escribio alguien mas.
  • PhpTidy. Lo mismo que el anterior pero siguiendo los estandares de codificacion de WordPress que a mi me gustan mucho.
  • Sass y Sass snippets. Para añadir soporte para SASS y algunos snippets utiles tambien.
  • SideBarEnhancements. Agrega muchas opciones realmente utiles al sidebar. Indispensable.
  • SublimeCodeIntel. Autocompletado inteligente. Muy util para trabajar con clases y objetos en PHP.
  • WordPress. Snippets y autocompletado de etiquetas comunes y funciones de wordpress.
  • Zurb Foundation Snippets. Eso, snippets para zurb foundation. Aunque por ahora esta desactualizado porque hace poco salio la nueva version con nuevos nombres de clases.
  • PlainTasks. Este permite tener una lista de tareas, es muy facil de usar y super util.

Atajos de teclado

Estos son solo algunos atajos de teclado que me sirven para mi trabajo diario.

  • Ctrl + k + b : Muestra o esconde la barra lateral. Util para cuando paso de la notebook al monitor grande y viceversa.
  • Ctrl + Shift + p : Para abrir la consola de comandos, sirve para muchas cosas.
  • Ctrl + p : para abrir rapidamente la busqueda de archivos y abrir alguno sin perder el tiempo en usar el mouse.
  • Ctrl + Alt + p : para cambiar de proyecto
  • Ctrl + Shift + 7 : para comentar o descomentar rapidamente un trozo de codigo
  • Ctrl + F2 : para poner un marcador en algun punto del codigo. Util cuando el archivo tiene ya varias miles de lineas y me pierdo en mi mismo codigo
  • F2: saltar entre marcadores
  • Ctrl + Shift + F2 : elimina todos los marcadores
  • Ctrl + G : para ir a una determinada linea
  • Ctrl + R : para recorrer e ir a alguna funcion en particular. Util en php.
  • Ctrl + Shift + v : para pegar codigo e identarlo al mismo tiempo.
  • Ctrl + d : seleccionar la proxima palabra que sea igual a la que esta seleccionada en este momento.
  • Ctrl + Shift + m : seleccionar todo el codigo dentro de los parentesis(o corchetes o llaves) actuales.

Otras ventajas

Algunas otras cosas que me gustan de sublime text son:

La multiseleccion. Seleccionar muchas cosas a la vez y modificarlas al mismo tiempo es genial. Se puede hacer de muchas maneras, las que uso habitalmente son:

  • Ctrl + d: ya lo explique mas arriba
  • Ctrl + shift + m : ya lo explique arriba
  • Ctrl + Click : para situar varios cursores
  • Ctrl + Doble Click : ayuda a seleccionar palabras mas facilmente
  • Shift + Click derecho : permite seleccionar rectangulos o lineas verticales de codigo. Es algo dificil de explicar pero pruebenlo que es muy util en algunas situaciones.

Buscar y reemplazar. Esto lo tienen todos los editores e IDEs de programacion. Pero en sublime es mas facil de usar. No solo para un documento, sino que puedes seleccionar varios y ademas usar expresiones regulares para hacer busquedas mas complejas. Se hace con Ctrl + h.

Modo sin distracciones. Es solo eliminar los menues y todo lo que pueda ser una distraccion en la pantalla. Solo queda el codigo. Se entra con Shift + F11

Dividir la pantalla. Util si tienes un monitor grande. Permite ver 2 archivos a la vez. Se hace con Shift + Alt + N° de divisiones.

Eso seria todo, espero que les sirva y si pueden me dejar algun otro truquito en los comentarios que siempre estoy deseoso de aprender como sacarle mas ventaja a este magnifico IDE.

Se bueno y comparte!
Publicado el Categorías Varios

Acerca de Perro

Ingeniero en Informática. Programador en PHP y Angular. Lo que mas adoro en el mundo es el conocimiento. Y el anime....y Japón...y el running...y bloguear claro y algunas otras cientos de cosas. Sigo buscando la manera de hacer mi primer millón.

Comenta!

8 Comentarios activo "Sublime Text 2 para desarrollo web"

avatar
Ordenar por:   Nuevos | Viejos
Alberto Maduro

Por alguna razón nunca me ha funcionado el CodeIntel ni el PhpBeautyful los instalo pero nunca hacen nada, ni se autocompletan ni se acomoda el código.

sefsinalas

Para el CodeIntel es importante que las clases que quieras que se tomen en cuenta en el autocompletado deben estar dentro del proyecto.

Y para el phpbeatiful, tenes que instalar el phpbeaitifier y seguro te va a dar un error, aqui esta como solucionarlo: https://github.com/SublimeText/PhpBeautifier/issues/6

Mauricio
Mauricio

Existe algún plugin para hacer que el panel lateral aparezcan archivos o proyectos? busque por ahí pero no encontré. Saludos

sefsinalas

Yo tampoco conozco, pero tienes el menu de arriba para los proyectos recientes y tambien deje en el post el atajo de teclado para mostrar los proyectos

Alberto
Alberto

Yo prefiero jedit, ya escapé muy harto del shareware en Windows.

Elkin B.M.
Elkin B.M.
Bravo!! muy pero muy bueno tanto que lo veo cada vez mas me dan ganas de programa !! estoy aprendiendo PHP y mi tutor me decia que lo malo de SublimeText era lo de los errores que no los reconocia y con tantos plugins y cosas veo que la cuestion es diferente jeje.... apenas como novato me parece excelente y de seguro en un par de meses que ya tengo algo de conocimiento en el tema espero sacarle el maximo provecho.. entre otras tampoco me parece que la licencia cueste tanto ademas hay que aportarle al creador de este maravillosa… Leer mas »
sefsinalas

Es la misma conclusion a la que llegamos discutiendo con otros desarrolladores. Si sublime fuera obligatoriamente de pago, yo lo pagaria.

Elisabeth Barroso Varo
Elisabeth Barroso Varo

Un Must have! Lo añado a favoritos ;-)

wpDiscuz