{"id":8389,"date":"2015-12-01T22:37:47","date_gmt":"2015-12-01T21:37:47","guid":{"rendered":"http:\/\/www.palentino.es\/blog\/?p=8389"},"modified":"2015-12-01T22:44:49","modified_gmt":"2015-12-01T21:44:49","slug":"sublime-text-posiblemente-el-mejor-editor-de-texto-para-programadores","status":"publish","type":"post","link":"https:\/\/www.palentino.es\/blog\/sublime-text-posiblemente-el-mejor-editor-de-texto-para-programadores\/","title":{"rendered":"Sublime Text, posiblemente el mejor editor de texto para programadores."},"content":{"rendered":"

He trabajado con varios editores de texto, pero he decidido crear una entrada de Sublime <\/a>para mostraros la potencia del que creo que es el mejor editor<\/strong> de la actualidad.<\/p>\n

No solamente es sorprendente su velocidad, sino su propia filosof\u00eda<\/strong> de uso, teniendo caracter\u00edsticas que lo hacen realmente interesante.<\/p>\n

Como dice su propio eslogan, \u201cEl editor de texto del que te enamorar\u00e1s<\/strong>\u201d.<\/p>\n

Para empezar, es altamente destacable que pueda ser usado en las principales plataformas Windows, Mac y Linux<\/strong> en versiones de 32 y 64 bits<\/strong>. Posee tambi\u00e9n una versi\u00f3n portable<\/strong>.<\/p>\n

Posee una versi\u00f3n para evaluaci\u00f3n<\/strong> para comprobar su uso, pero requiere pago de licencia. El coste aproximado<\/strong> es de 65 \u20ac, pero te aseguro que merece la pena.<\/strong><\/p>\n

\"sublime-demostracion\"<\/a><\/p>\n

<\/p>\n

\"sublime-l\"<\/p>\n

Una vez abierta la aplicaci\u00f3n, tendremos una sensaci\u00f3n de extrema sencillez<\/strong>. Parecida a la que podemos tener cuando abrimos el notepad<\/strong>. Pero es preciso sacarle el mayor partido.<\/p>\n

Admite m\u00faltiples pesta\u00f1as y posee un navegador de archivos<\/strong>. Una de sus caracter\u00edsticas m\u00e1s singulares es el minimap<\/strong>. Gracias a \u00e9l podremos ver la estructura del documento<\/strong>, para hacernos una idea de sus dimensiones, d\u00f3nde nos encontramos editando, posibles elecciones, etc. Este minimap es muy caracter\u00edstico de sublime, y se encuentra en muy pocos editores.<\/p>\n

Nos muestra informaci\u00f3n de las l\u00edneas de edici\u00f3n, posici\u00f3n, podemos agrupar c\u00f3digo, autocompletar, cambio de espacios del tabulador<\/strong>, etc.<\/p>\n

Posee detenci\u00f3n del tipo de archivo, para realizar un an\u00e1lisis sint\u00e1ctico<\/strong> y marcar colores e indentaciones<\/strong>. Existe an\u00e1lisis para cualquier tipo de lenguaje.<\/p>\n

Trabaja con m\u00faltiples pesta\u00f1as y es capaz de recordar si cerramos el programa las abiertas anteriormente<\/strong>. Podemos mover y cambiar las pesta\u00f1as de posici\u00f3n.<\/p>\n

Control+P<\/strong>\u00a0(a partir de ahora har\u00e9 referencia a teclas de versiones windows y Linux) nos permitir\u00e1 movernos entre los archivos abiertos. Si trabajamos con proyectos grandes es interesante movernos con su buscador en tiempo real.<\/p>\n

Posee una opci\u00f3n de indentaci\u00f3n autom\u00e1tica<\/strong> para archivos que no se encuentren descolocados. Mediante, Edit \u2013 Line \u2013 Reindent<\/strong>, muy interesante para ver mejor el c\u00f3digo y trabajar de forma ordenada.<\/p>\n

Si comentemos errores de sintaxis, autom\u00e1ticamente la l\u00ednea inferior nos muestra la existencia de un posible error. Posee opciones de autocompletado, de tal forma que si por ejemplo, usamos un <ul> y pulsamos enter, si el archivo es html, nos cerrar\u00e1 las etiquetas para ganar velocidad. Por ejemplo, las comillas abiertas tambi\u00e9n las cierra. Es capaz mediante unos puntos inferiores indicarnos qu\u00e9 ul<\/strong> es el cierre. Esto nos facilita cerrar etiquetas correctamente mediante su localizaci\u00f3n visual.<\/p>\n

Es capaz de marcar por lo tanto, los elementos de apertura y cierre autom\u00e1ticamente,<\/strong>\u00a0 con la tecla Control + M<\/strong> podremos desplazarnos en los cierres.<\/p>\n

Posee divisi\u00f3n de archivos, view- layout<\/strong> \u2013 para trabajar con varias ventajas (columnas)<\/strong>. Podemos duplicar la vista de un archivo<\/strong>, es decir trabajar con un mismo archivo, pero 2 vistas de el. Es muy potente puesto que podemos \u00a0estar viendo la parte de un archivo (superior) y trabajar con la inferior. Para ello es necesario ir a File \u2013 New view into file<\/strong>.<\/p>\n

Mediante los proyectos<\/strong> (Add folder to Project<\/strong>), podemos a\u00f1adir carpetas o directorios. Se abrir\u00e1 una barra de navegaci\u00f3n con los directorios a\u00f1adidos. Los proyectos nos permiten repartir los archivos con los que deseamos trabajar.<\/p>\n

OJO, cuando modificamos un archivo, en vez de aparecer un aspa de cierre, aparece un c\u00edrculo<\/strong>, indicando que el archivo se ha modificado.<\/p>\n

Las funciones de b\u00fasqueda y reemplazo son muy potentes<\/strong>. Podemos buscar dentro de un archivo, carpeta. Control + F<\/strong>. En la parte inferior aparecer\u00e1n las opciones de b\u00fasqueda. Son parecidas a las del Dreamweaver, pero m\u00e1s r\u00e1pidas.<\/p>\n

PERSONALIZACION<\/strong><\/p>\n

Una de las cosas m\u00e1s interesantes de Sublime es que permite editar a mano las opciones de configuraci\u00f3n<\/strong>. Y digo que es interesante, porque empleamos el propio editor para su autoconfiguraci\u00f3n, mediante archivos parecidos a XML<\/strong>. Como se encuentra desarrollado pensando en los programadores, las modificaciones se realizan cambiando par\u00e1metros de archivos de texto. Todas las opciones se modifican como si estuvi\u00e9ramos modificando un php.ini por ejemplo. Todos los par\u00e1metros opcionales se encuentran comentados para realizar sus cambios. Algunos cambios editados al cambiar el fichero, son inmediatos.<\/p>\n

Pero recuerda, es preferible que modifiques el archivo settings-user<\/strong>, no \u00a0el settings-default<\/strong>, puesto que una mala configuraci\u00f3n podr\u00e1 quedar irreversible para su recuperaci\u00f3n. Esto lo encuentras en el men\u00fa preferencias. Para ello mediante la t\u00e9cnica overridding copiamos las l\u00edneas del default, las pegamos en user, y las modificamos.<\/p>\n

Sublime tambi\u00e9n admite temas<\/strong>, para cambiar los colores, esto es ya m\u00e1s personal. He visto como algunos usuarios cambian el tema y el esquema de colores a modo dreamweaver porque se encontraban m\u00e1s familiarizados.<\/p>\n

EDICIONES AVANZADAS<\/strong><\/p>\n

ALT+ Flecha<\/strong> -> Saltamos de palabra en palabra
\nALT + Shift + Flecha<\/strong> -> Selecci\u00f3n de palabra a palabra.<\/p>\n

Si seleccionamos una palabra con doble clic, nos mostrar\u00e1 con una selecci\u00f3n transparente otras palabras encontradas<\/strong>.<\/p>\n

Control + May\u00fasculas y flecha<\/strong>, movemos las l\u00edneas de forma sencilla sin necesidad de cortar y pegar.<\/p>\n

Control + May\u00fasculas + D<\/strong>, duplicamos las l\u00edneas donde nos encontremos.<\/p>\n

Control + May\u00fasculas + K<\/strong>, Eliminamos las l\u00edneas.<\/p>\n

Otra gran caracter\u00edstica son los favoritos y los bookmarks<\/strong> en l\u00edneas. Creamos posiciones favoritas que podemos ir cuando deseemos.<\/p>\n

Para ello (recuerda estoy empleando teclas Windows), mediante Control + F2 a\u00f1adimos favorito<\/strong>, mediante F2<\/strong> me desplazo entre los favoritos.<\/p>\n

Los favoritos son imprescindibles para movernos en zonas de c\u00f3digo que estamos continuamente trabajando<\/strong>.<\/p>\n

Una manera de realizar b\u00fasquedas r\u00e1pidas es mediante la combinaci\u00f3n Control + P<\/strong> (nos muestra el go to anything<\/strong>)<\/p>\n

Esto nos realiza b\u00fasquedas de los archivos abiertos.<\/p>\n

Pero si usamos la #<\/strong> buscar\u00e1 el contenido tecleado en el archivo seleccionado.<\/p>\n

Tambi\u00e9n podemos combinar\u00a0 Control + P -> archivo a buscar# Texto a buscar<\/strong>.<\/p>\n

Con los cursores nos movemos entre ocurrencias. Repito, esto es muy interesante.<\/p>\n

Tambi\u00e9n con el goto anything con los :numero de l\u00ednea<\/strong>, nos desplazamos a la l\u00ednea deseada.<\/p>\n

Con @<\/strong> podremos mostrar clases y funciones.<\/p>\n

Con el control + may\u00fasculas + P,<\/strong> podremos ver todos los comandos del editor.<\/p>\n

Otra caracter\u00edstica muy interesante y seguramente m\u00e1s diferenciadora es la posibilidad de selecci\u00f3n m\u00faltiple<\/strong>. Gracias a esta caracter\u00edstica podremos editar varias l\u00edneas simult\u00e1neamente de forma sencilla.<\/p>\n

Para ello CONTROL + CLICK en las posiciones podremos realizar cambios simult\u00e1neos<\/strong>.<\/p>\n

ALGO DE AUTOMATIZACION<\/strong><\/p>\n

El autocompletado<\/strong> es muy \u00fatil. En funci\u00f3n del tipo de archivo nos aparecen opciones para completar las sentencias que tecleemos.<\/p>\n

Por ejemplo si abro un <di<\/strong>\u00a0 me aparecer\u00e1n las opciones de autocompletado disponibles en funci\u00f3n del tipo de archivo. Si pulso enter, me colocara <div> <\/div><\/p>\n

El autocompletado tambi\u00e9n puede mostrar textos ya introducidos por nosotros en el propio documento.<\/p>\n

Control+Espacio<\/strong> -> Fuerzo el autocompletado.<\/p>\n

Respecto a los Snippets<\/strong>, gracias a ellos nos van a permitir ahorrar tiempo a la hora de programar.<\/p>\n

Suelen estar asociados a tags HTML por defecto, para acelerar el desarrollo.<\/p>\n

Ejemplo: si sobre un archivo nuevo, pulso Control+Mayusculas + P, y tecleo snippet<\/strong>, podre usar los que se encuentren definidos.<\/p>\n

Colocar\u00e1 la estructura o el c\u00f3digo previamente almacenado.<\/p>\n

Los snippets dependen tambi\u00e9n del tipo de archivo.<\/p>\n

Existe otro tipo de atajo que son las macros.<\/p>\n

Gracias a las MACROS<\/strong> podremos eliminar las tareas repetitivas con una combinaci\u00f3n de teclas.<\/p>\n

USO DE PAQUETES<\/strong><\/p>\n

Mediante Package Control<\/strong> podemos instalar paquetes o plugins<\/strong> externos. Gracias a ellos, ampliaremos las funcionalidades del programa.<\/p>\n

Se descarga desde https:\/\/packagecontrol.io\/installation<\/a> y seleccionamos la versi\u00f3n de sublime utilizada, es necesario copiar el contenido y pegarlo en la consola<\/strong> de sublime.<\/p>\n

Parece raro el mecanismo, pero efectivamente, es necesario pegar el contenido compiado a la consola de sublime, y pulsar ENTER.<\/p>\n

Una vez realizado esto es necesario cerrar y volver a abrir el programa. Para comprobar que se encuentra instalado, podemos comprobarlo desde el menu preferences<\/strong>.<\/p>\n

Podemos comprobar mediante comando control + may\u00fasculas + P y teclear package control<\/strong><\/p>\n

Para instalar un plugin podremos teclear install package<\/strong><\/p>\n

En esta direcci\u00f3n tambi\u00e9n podremos ver un listado de todos los paquetes:<\/p>\n

https:\/\/packagecontrol.io\/browse<\/a><\/p>\n

PLUGINS<\/strong><\/p>\n

Para crear un plugin<\/strong> y contribuir con\u00a0 la comunidad se realiza lo siguiente:<\/p>\n

Tools -> New Plugin<\/strong><\/p>\n

Aparecer\u00e1<\/strong> esto:<\/p>\n

 <\/p>\n

import sublime, sublime_plugin\r\n\r\nclass HolaCommand(sublime_plugin.TextCommand):\r\n\r\n                def run(self, edit):\r\n\r\n                               self.view.insert(edit, 0, \"Hola Mundo desde Palencia\")<\/pre>\n
 <\/p>\n
Este plugin inserta en la l\u00ednea 0 la palabra Hola Mundo desde Palencia<\/p>\n
Se programa en lenguaje Phyton<\/strong>. La extensi\u00f3n una vez grabado es .py<\/p>\n
Tendremos que guardarlo en una carpeta.<\/p>\n
Es recomendable tener la consola abierta para el desarrollo de paquetes. Gracias a ella podremos comprobar si existen errores de sintaxis.<\/p>\n
Para ejecutar el plugin podemos realizarlo desde la consola, mediante el comando.<\/p>\n
View.run_command (\u2018Hola\u2019)<\/strong><\/p>\n
Podremos guardar el plugin en la carpeta Packages, dentro de ella una carpeta con el nombre del plugin.<\/p>\n
Como consejo os voy a dejar un buen truco<\/strong>.<\/p>\n
Tenemos que ejecutar el plugin mediante la consola, pero podemos asociar el plugin con un menu.<\/p>\n
Para ello existen 3 posibilidades<\/strong>, como menu principal, como barra lateral o como menu contextual.<\/p>\n
Es necesario crear un archivo llamado para el menu principal:
\nMain.sublime-menu<\/p>\n
Para el menu lateral:
\nSide Bar.sublime-menu<\/p>\n
Para el menu contextual:
\nContext.sublime-menu:<\/p>\n
Y ese archivo lo dejaremos en la carpeta donde hemos creado el plugin. Dentro del archivo tendremos que indicar el c\u00f3digo:<\/p>\n
 <\/p>\n
[{\r\n\u201cid\u201d: \u201cHola\u201d,\r\n\u201ccaption\u201d: \u201cEl plugin que he creado\u201d,\r\n\u201cchildren\u201d:\r\n\r\n[{\r\n\u201ccaption\u201d:\u201dEjecuta el plugin\u201d,\r\n\u201ccommand\u201d:\u201dhola\u201d\r\n\r\n}]\r\n\r\n}]<\/pre>\n
 <\/p>\n
Y como no, un editor necesita asociar una tecla r\u00e1pida.<\/p>\n
Es necesario crear los siguientes archivos en funci\u00f3n del sistema operativo:<\/p>\n