<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" gd:etag="W/&quot;CUICSXkzeCp7ImA9WhRRFEk.&quot;"><id>tag:blogger.com,1999:blog-4274423948070432526</id><updated>2011-11-27T17:26:08.780-08:00</updated><category term="editor" /><category term="Vim" /><category term="novato" /><category term="software libre" /><title>icez3r0's Blog</title><subtitle type="html">Crónicas de un programador novato</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://icez3r0.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://icez3r0.blogspot.com/" /><author><name>icez3r0</name><uri>http://www.blogger.com/profile/05596496397778248990</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="24" height="32" src="http://1.bp.blogspot.com/_7ZfaQpJXTKc/S6rY9tJSJ6I/AAAAAAAAAHs/GX1nUvtl-FA/S220/yoyz5.gif" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>1</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/Icez3r0sBlog" /><feedburner:info uri="icez3r0sblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;DkcERnk9eCp7ImA9WxBbGEk.&quot;"><id>tag:blogger.com,1999:blog-4274423948070432526.post-7250503279882036774</id><published>2010-03-17T09:40:00.000-07:00</published><updated>2010-03-17T09:40:07.760-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-03-17T09:40:07.760-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Vim" /><category scheme="http://www.blogger.com/atom/ns#" term="editor" /><category scheme="http://www.blogger.com/atom/ns#" term="software libre" /><category scheme="http://www.blogger.com/atom/ns#" term="novato" /><title>Editor multilengüaje y portable para novatos: Vim</title><content type="html">
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/PewvjYMws8dJqIYezTfYWwGTHqE/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/PewvjYMws8dJqIYezTfYWwGTHqE/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/PewvjYMws8dJqIYezTfYWwGTHqE/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/PewvjYMws8dJqIYezTfYWwGTHqE/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;h1&gt;Hola mundo:&lt;/h1&gt;Esta es mi primer entrada, así que sepan perdonar el estilo de redacción...&lt;br /&gt;
Observando en el instituto donde estudio, cuando se trata de escribir algún script de cualquier lenguaje de programación, en texto plano,los profesores:  siempre pero siempre usan &lt;a href="http://es.wikipedia.org/wiki/Bloc_de_notas"&gt;bloc de notas&lt;/a&gt;, y es que no me acostumbro a ver todo del mismo color, sin tabulación automática, sin resaltado de sintaxis, es algo tedioso esa forma de programar, etc...&lt;br /&gt;
&lt;br /&gt;
Así que recordando un poco, algo que fuera fácil de instalar/llevar en cualquier equipo, encontré esto:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://es.wikipedia.org/wiki/Vim"&gt;Vim&lt;/a&gt;: Un editor que tiene una larga historia para los que conocen *unix, y para los que no, hay dos formas de usarlo, instalándolo o descargando su versión portable.&lt;br /&gt;
Instalándolo tiene esta apariencia cuando se invoca en consola (cmd):&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img194.imageshack.us/img194/2333/splashvimconsola.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="162" src="http://img194.imageshack.us/img194/2333/splashvimconsola.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Y acá cuando se invoca desde el modo gráfico.&lt;a href="http://img204.imageshack.us/img204/2183/splashvimx.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div align="center"&gt;&lt;img border="0" height="230" src="http://img204.imageshack.us/img204/2183/splashvimx.png" width="320" /&gt;&amp;nbsp;&lt;/div&gt;Si ya lo quieren portable (he ahí la intención de esta entrada), lo pueden descargar de la página oficial &lt;a href="http://portablegvim.sourceforge.net/downloads.html"&gt;aqui&lt;/a&gt;:&lt;br /&gt;
Cuándo ya lo tengan descompreso en una carpeta, solo deben de darle click en el siguiente logotipo:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img20.imageshack.us/img20/8500/vimportableicon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://img20.imageshack.us/img20/8500/vimportableicon.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;El cuál si pueden ver ha variado un poco el nombre, y se llama GVimPortalble, la G es porque se está usando una versión gráfica, ya que originalmente este programa fue lanzado para utilizarse en modo texto (cmd).&lt;br /&gt;
&lt;br /&gt;
Dada ya la introducción previa, veamos como nos puede ayudar, este potente editor:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Digamos, queremos crear un archivo html, empezamos con las primeras sintaxis, y después le damos click a este menú&lt;/li&gt;
&lt;/ul&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img155.imageshack.us/img155/1461/vimportableejemplo1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="231" src="http://img155.imageshack.us/img155/1461/vimportableejemplo1.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;en el cuál nos aparecerá una gran lista de lenguajes que reconoce la sintaxis, en nuestro caso buscamos en la H, y elegimos finalmente html&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img403.imageshack.us/img403/2642/vimportableejemplo12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="227" src="http://img403.imageshack.us/img403/2642/vimportableejemplo12.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img442.imageshack.us/img442/3316/vimportableejemplo13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="230" src="http://img442.imageshack.us/img442/3316/vimportableejemplo13.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;Como pueden ver, me coloreó las distintas partes del código, con la práctica verán que cada subnivel en las etiquetas, va cambiando el color de lo que escribimos o nos hace falta escribir.&lt;br /&gt;
Curiosamente en la versión portable, no tiene tabulaciones automáticas, así que cada vez que comencemos una nueva etiqueta debemos darle &lt;tab&gt;, pero no se desanimen, Vim respeta las tabulaciones, así que cuándo presionen &lt;enter&gt; para una nueva línea, Vim respetará ese espacio...., contrariamente en la versión instalada, si tiene tabulación automática, pero es un detallito....:)&lt;/enter&gt;&lt;/tab&gt;&lt;br /&gt;
&lt;br /&gt;
Ahora veamos otra utilidad, supongamos que a este archivo le hemos añadido un archivo css y queremos ver los dos archivos en la misma ventana, tan solo tenemos que hacer click acá:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img153.imageshack.us/img153/6559/vimportableejemplo21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="229" src="http://img153.imageshack.us/img153/6559/vimportableejemplo21.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img219.imageshack.us/img219/3098/vimportableejemplo22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="230" src="http://img219.imageshack.us/img219/3098/vimportableejemplo22.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;y aparece tal y como se muestra arriba, de ahí con nuestro cursor nos ubicamos en la ventana que queremos editar y listo.&lt;br /&gt;
&lt;br /&gt;
Ahora si lo que quieres es quitar cualquiera de las ventanas, ubicas el cursor en la ventana que quieres cerrar, le das click a este menú:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img176.imageshack.us/img176/8332/vimportableejemplo23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="229" src="http://img176.imageshack.us/img176/8332/vimportableejemplo23.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img263.imageshack.us/img263/2403/vimportableejemplo24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="230" src="http://img263.imageshack.us/img263/2403/vimportableejemplo24.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;y has cerrado esa ventana.&lt;br /&gt;
&lt;br /&gt;
Ahora talvez no te gusta ver dos archivos en una misma ventana, pero quieres tenerla en otra pestaña, para conseguirlo procedemos de esta forma:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img404.imageshack.us/img404/1460/vimportableejemplo31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="229" src="http://img404.imageshack.us/img404/1460/vimportableejemplo31.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img233.imageshack.us/img233/3217/vimportableejemplo32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="242" src="http://img233.imageshack.us/img233/3217/vimportableejemplo32.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&amp;nbsp;y se ve como la imagen de arriba; ahora si queremos cerrar alguna pestaña procedemos de la misma forma:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://img219.imageshack.us/img219/8992/vimportableejemplo33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://img219.imageshack.us/img219/8992/vimportableejemplo33.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;y ya la hemos cerrado.&lt;br /&gt;
&lt;br /&gt;
Hasta acá he mostrado algunos usos básicos, para que cualquiera de nosotros lo podamos usar, este editor tiene muchas más funcionalidades, pero con esto ya podemos prácticar un poco.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Espero les haya servido&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4274423948070432526-7250503279882036774?l=icez3r0.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/Icez3r0sBlog/~4/zpwO5U-rJZo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://icez3r0.blogspot.com/feeds/7250503279882036774/comments/default" title="Enviar comentarios" /><link rel="replies" type="text/html" href="http://icez3r0.blogspot.com/2010/03/editor-multilenguaje-y-portable-para.html#comment-form" title="0 comentarios" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/4274423948070432526/posts/default/7250503279882036774?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/4274423948070432526/posts/default/7250503279882036774?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/Icez3r0sBlog/~3/zpwO5U-rJZo/editor-multilenguaje-y-portable-para.html" title="Editor multilengüaje y portable para novatos: Vim" /><author><name>icez3r0</name><uri>http://www.blogger.com/profile/05596496397778248990</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="24" height="32" src="http://1.bp.blogspot.com/_7ZfaQpJXTKc/S6rY9tJSJ6I/AAAAAAAAAHs/GX1nUvtl-FA/S220/yoyz5.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://icez3r0.blogspot.com/2010/03/editor-multilenguaje-y-portable-para.html</feedburner:origLink></entry></feed>

