Editor de Texto y Código Sublime Text

Sublime Text es un potente editor de texto y código, en mi opinión es agradable, fácil de configurar y lo mejor de todo es que cuenta con múltiples plugins.

Personalmente lo uso para escribir código como ( CSS3, JavaScript, HTML5 ).

Descargar sublime text

Sublime Text es multiplataforma, esta disponible en su versión (2 y 3).

Sublime Text

Configuración de Usuario Sublime Text

La configuración que realizaremos sera suficiente para poder trabajar de manera eficiente.

Para poder realizar la configuración de usuario nos dirigimos al menú de Sublime Text, la opción Preferences + Settings - User.

Una vez realizado los pasos de manera correcta se abrirá la siguiente ventana.

settings user

Pegar este código en la ventana anterior.

{
//font_size: tamaño de fuente
"font_size": 13,
//highlight_line: este código hace que se remarque la linea donde te encuentras
"highlight_line": true,
//highlight_modified_tabs: este código da un color naranja al 
//nombre del archivo que se muestra en el tab superior, cuando las modificaciones no han sido guardadas
"highlight_modified_tabs": true,
//save_on_focus_lost: este código guarda los cambios una vez que el foco del mouse se posiciona en otra parte
"save_on_focus_lost": true,
//tab_size: este código sirve para dar el número de espacios blancos que equivale un tabulador
"tab_size": 2
}

Si al abrir Settings - User, se ha generado las llaves ( { } ) como en la imagen anterior. Se ubican dentro de las llaves en la parte inferior; agregan una , y luego pegan el código sin las llaves ( {} ) para que funcione correctamente. De lo contrario copian y pegan el código completo.

Instalando el Package Control

La instalación de Sublime Text es como toda aplicación, pero para poder instalar los plugins, primero tenemos que instalar el Package Control.

Nos dirigimos al menú de Sublime Text el la opción View > Show Console, el cual abrirá una caja de texto en la parte inferior, es ahí donde pegaremos el siguiente código y presionamos la tecla Enter.

Código para Sublime Text 2

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')  

Código para Sublime Text 3

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)  

Esperamos a que se instale y si todo salio bien al realizar la combinación de teclas ctrl + shift + p se abrirá el Package Control.

Sublime Text Package Control

Ahora elegimos la opción Install Package.

Para instalar un plugin escribimos el nombre en la caja de texto y seleccionamos el que deseamos instalar.

Install Plugins

Algunos plugins

Para instalar cualquiera de estos plugin realiza lo siguiente ctrl + shift + p para abrir el Package Control, busca la opción Install Package, una vez que carga la ventana solo escribe el nombre del plugin seleccionalo y se instalara automáticamente.

Emment

Este es un excelente plugin, sirve para poder escribir código de forma rápida; usa snippets pre construidos.

Ejemplo: escribir cinco links.

a*5 + Tab

Resultado

<a href=""></a>  
<a href=""></a>  
<a href=""></a>  
<a href=""></a>  
<a href=""></a>  

Aquí les dejo el link de la página oficial de Emmet.

Repositorio Emmet en GitHub.

YUI Compressor

Esta herramienta es excelente para comprimir nuestros archivos CSS y archivos JavaScript.

Para su funcionamiento requiere que tenga instalado Java.

Para comprimir tus archivos solo debes abrirlo y realizar la combinación de teclas Ctrl + B.

Repositorio YUI-Compressor en GitHub.

SideBarEnhancements

Proporciona mejoras en las operaciones en la barra lateral de archivos y carpetas para Sublime Text.

No funciona en Sublime Text 2.

Repositorio SideBarEnhancements en GitHub.


Existen múltiples plugin para diferentes usos, solo es cuestión de buscar el que se ajusta a nuestras necesidades.

Video Tutorial Sublime Text

Bueno amigos si les interesa este editor solo tienen que leer la documentación de Sublime text 2 o Sublime text 3.

Luis Rene Mas Mas's Picture

Luis Rene Mas Mas

Hola, soy desarrollador front-end & dasarrollador móvil (Android), me encanta las tecnologías web - móvil, también administro este blog.

Trujillo - Perú @01luisrene

Únete al Blog

Obtén los últimos artículos publicados directamente en tu bandeja de entrada.

O suscríbase vía RSS con Feedly!

Comparte tu Opinión