Editor Sublime Text en Ubuntu ¿Le damos una oportunidad?

f937069842a1e5f3a107125cd9f93ae68211cfa454ae1d44d8d1f0bdfd3de27fYo siempre he sido un devoto seguidor de VIM, sin apartar las manos del teclado y con algunos plugins podiamos hacer magia, últimamente he oido hablar de Sublime Text en varios sitios, la curiosidad ha podido conmigo, lo he instalado en Ubuntu como editor de refuerzo (no renunciare a VIM tan fácilmente después de estar años estudiando sus atajos de teclado).

NO es software libre aunque se distribuye libremente.

Si añadimos el repositorio la instalación esta chupada:

$ sudo add-apt-repository ppa:webupd8team/sublime-text-2
$ sudo apt-get update
$ sudo apt-get install sublime-text

Nada más arrancar por primera vez Sublime he repasado las opciones que considero imprescindibles para un editor de código decente: Reconocimiento de los lenguajes de programación que más uso, funciones de búsqueda y reemplazo, coloreados de sintaxis, ligero, multi-plataforma, gestor proyectos, extensible mediante plugins, etc…

Algunas opciones interesantes de Sublime que me parecen innovadoras:

proper_way_to_use_Sublime_Text_minimap

Antes de nada,instalación del gestor de paquetes

Debemos copiar el texto de esta página dependiendo de la versión que usemos a la consola del editor, si accedemos a través del menú  “View > Show Console”.

El código escrito en Python lo que hace es crear la carpeta Packages que albergara los plugins y entonces descarga el paquete “Package Control.sublime-package” dentro de la carpeta.

Paquete Emmet o al que antes llamaban Zen Coding

Emmet es un añadido para editores que permite programar HTML y CSS más rapido (antes conocido como Zen Coding).

Para instalar Emmet abrimos el panel de comandos con la abreviatura de teclado CTRL+SHIFT+P y seleccionamos de la lista “Package Control: Install Package” seguidamente buscamos el paquete Emmet y los instalamos.

Sintaxis de Emmet.

Por ejemplo la secuencia:

div#page>div.logo+ul#navigation>li*5>a

Se expande (pulsando TAB) en:

<div id="page">
	<div class="logo"></div>
	<ul id="navigation">
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
	</ul>
</div>

Genial Screencast en CSS-Tricks sobre Emmet.

emmet

Codepen es un editor HTML-CSS-JS en línea, admite la sintaxis Emmet, podeis probarlo rapidamente.

codepen

Otros plugins

Anuncios

3 pensamientos en “Editor Sublime Text en Ubuntu ¿Le damos una oportunidad?

  1. Buena iniciación! Esperando el análisis en profundidad 😉
    Yo útimamente uso PhpStorm (libre para proyectos libres, pero de pago para otro tipo de proyectos) y aunque me costo aceptarlo como opción, estoy muy contento, debug, refactor, diffs, tests… muy pro.

  2. Poco a poco! Ya lo estoy usando para modificar una Web y la verdad es que me está enganchando! Pobre VIM, no quiero dejar de lado a mi compañero durante 7 años, probare el que me has dicho (PhpStorm), seguro que ya lo conoces pero Aptana tambien está muy bien.

  3. Pingback: DevDocs.io – Documentacion de HTML5, PHP, Javascript, … | Internet y GNU/Linux

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