Sublime Text | Front-end

Captura de pantalla_2016-06-08_18-58-27

Sublime Text se ha convertido desde hace un tiempo en mi editor de código favorito gracias a su entorno ligero y simple que sumado a los plugins o paquetes gestionados por la propia comunidad lo convierten en el entorno perfecto para desarrollar cada uno de mis proyectos. La instalación es bastante básica y su versión 3 a pesar de tener un buen tiempo en estado de desarrollo funciona de maravilla.

Como esta vez es el Front-end lo que me ocupa voy a describir los paquetes básicos que suelo instalar para tener mi Sublime optimizado. Recuerda que para buscar e instalar estos paquetes debemos contar con el gestor de paquetes llamado “Control Package“.

  • Emmet
  • Emmet sirve para simplificar la forma de escribir código, que es igual a ahorrar tiempo, a la hora de crear la estructura básica de nuestro html o css.

  • Sublime Linter
  • Linter es un plugin que comprueba los errores en nuestro código, esa disponible para todo tipo de sintaxis, desde python hasta HTML.

  • SidebarEnhancements
  • Este plugin le agrega funciones a la sidebar de Sublime Text ya que no las trae por defecto, ahora podremos crear y borrar carpetas, buscar o renombrar archivos.

  • ColorHighlighter
  • Plugin que nos ayudara resaltando los colores de código hexadecimal o RGB de nuestro proyecto para que sea mas fácil identificarlos.

  • GitGutter
  • Conecta con nuestro servicio(Git/Github/Gitlab/Bitbucket) para resaltar los cambios que efectuemos sobre nuestro proyecto cuando una línea sea agregada, borrada o modificada.

  • Jade
  • Template Engine que nos permite escribir HTML con una sintaxis sencilla y fácil de mantener. Este plugin le agrega a ST la función de reconocer la sintaxis.

  • Sass
  • Otro paquete de sintaxis, para trabajar con sass y scss.

Ademas de contar con muchos plugins enfocados en las necesidades de cada uno de nuestros proyectos, Sublime cuenta también con un apartado dedicado a mejorar el aspecto visual de nuestro entorno con temas y colores para la sintaxis. En mi caso suelo preferir los temas oscuros pero si tuviera que escoger uno de entre los miles que existen sin duda me inclinaría por gruvbox(Pueden ver la captura al inicio de esta entrada).

La gran mayoría de los temas que instalemos traen consigo instrucciones que incluyen funciones extras a cada tema, todo estos deben ir incluidos en la configuración de usuario. Preferences > Settings – User (Configuración).

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s