"El diseño es el embajador silencioso de tu marca"
- Paul Brand

Instalar Sublime3

Los editores de código son hoy en dia fundamentales para un programador, la diferencia entre ellos se traduce en tiempo y comodidad, por ello es muy importante que seleccionemos el mas adecuado a lo que necesitamos, hoy en dia ademas hay multitud de ellos y además gratuitos, como pudieran ser el Notepad++ o el Brackets del que hablo en otro post (puedes ver ese post aquí).

Sin embargo hoy quiero hablaros del que para mi es el editor por excelencia, puede que en el futuro cambie, pero en la actualidad ninguno ofrece tanto siendo tan rapido como Sublime Text, y aunque no sea gratuito tampoco tiene un coste alto, entre 50 y 60 euros aunque nos permite que lo probemos completamente gratis durante un tiempo…

¿Como se Instala?

A dia de hoy vas a poder bajarte la version 2 cuya ultima version es del 8 de Julio del 2013 y es completamente estable, o la version 3 cuya ultima version es del 29 de Agosto del 2014 y esta en fase Beta (aunque yo es la que uso y no me ha dado ningun problema), escoge el que prefieras:

Version 2 – pincha aquí

Version 3 – pincha aquí

Si estás en Linux puedes descartelo desde la linea de comandos, los comandos son los siguientes:

sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
sudo apt-get install sublime-text-installer

Aunque muchos ya entendéis lo que hacen estos comandos, para los que estéis aprendiendo:

  • sudo para dar privilegios de administrador.
  • La primera línea añade el repositorio.
  • La segunda actualiza los repositorios para que veas la última versión.
  • La tercera instala el Sublime Text.

Una vez instalado podemos abrirlo y veremos algo como esto:

 

sublime3

Características del Editor

Navegación – Comenzando por las características que se aprecian en el pantallazo destacaría la barra que vemos a la derecha, en ella se hace una miniatura del código escrito, nos indica a que altura del documento estamos y hace la función de scroll para que podamos navegar, es tan practico, rápido y funciona tan bien que muchos otros editores han tratado de incorporarla mediante plugins, pero ninguna funciona tan bien como esta (que además es nativa).

Buscador – A la izquierda podemos ver el clásico árbol de directorios para navegar por nuestro proyecto, abajo tengo abierto el buscador (CTRL+F) que es muy completo, permite filtrar por expresiones regulares, distinguir mayúsculas/minúsculas, filtrar en todo el documento o solo en la selección…

Reemplazar – También muy útil la herramienta para reemplazar (CTRL+H).

Temas – En mi caso tengo el tema Blackboard activado pero Sublime trae muchos más, y si no te llegan puedes descargarte otros o crearte uno propio, sus opciones de personalización visual son estupendas.
Si quieres cambiar un tema dirígete a  Preferences > Color Scheme > Color Scheme – Default

Pestañas – Aunque en esta imagen solo tengo un archivo abierto, si hubiera más la visualización se realizaría mediante pestañas, en la de arriba vemos que en la pestaña aparece el nombre del archivo en color gris y un botón para cerrarla, esto es así porque no tengo cambios sin guardar, si los tuviera la fuente estaría en otro color para indicármelo…

Autocompletado – Si estas escribiendo HTML/CSS… según vamos escribiendo el editor nos va a sugerir los comandos, funciones o atributos disponibles con esa sintaxis, también podemos forzar que esto pulsando (CTRL+SPACE) igual que haríamos en el conocido IDE, Eclipse.

Tiene más características que no explicaré para no extenderme como son que puedes cerrar automáticamente etiquetas, atajos para comentar líneas o bloques, resalta con colores las distintas sintaxis, soporta Emmet (si quieres saber que es Emmet pulsa aquí)…

En definitiva hace que programar sea más sencillo y de los editores que ofrecen todas estas cosas es el más rápido, si quieres aprovechar todo su potencial te invito a que investigues el uso de Snippets y Plugins, en futuros artículos trataré de escribir un poco acerca de ellos.

Sublime tiene más opciones nativas de configuración que estas que comento, para aplicarlas sigue las indicaciones que pongo en el post de configuración de Sublime Text!

 

The following two tabs change content below.
Especialista en diseño web responsive, programador html5, css3, jquery, php y java.

Latest posts by Óscar Lijó (see all)