Saca el Mximo Partido de Sublime Text v.

2 con
Este Tutorial

Hace poco descubr Sublime Text v2, un sofisticado y potente editor de textos. Sublime Text
te va a facilitar el trabajo muchsimo y adems es muy fcil de aprender y de lo ms potente.
Est la versin de prueba gratuita y luego la versin de pago de 59 USD, o sea que no es open
source, pero puedo decir que es tan potente que vale la pena pagar por l. En cualquier caso
no es obligatorio comprar la licencia, simplemente el programa de vez en cuando te pedir
que lo registres, pero podrs seguir trabajando con l, o al menos es as hasta el momento.
Quizs ests ya acostumbrado a trabajar con un editor de textos y no te apetezca el esfuerzo
de aprender una nueva herramienta, pero probarla slo te llevar un par de horas y, de verdad,
me extraar que no te pases a Sublime. En cualquier caso, probar nuevas herramientas nos
ayuda a mantenernos al da y a ser mejores profesionales del diseo y desarrollo web.
Veamos pues qu es Sublime Text v.2 y todo lo que podemos hacer con l.
Sublime Text v.2
Como comentaba, Sublime Text es un potente editor de textos multiplataforma: se puede
ejecutar tanto en OS X, como en Windows o Linux. Es muy fcil de aprender y altamente
personalizable. Cuando lo ejecutamos por primera vez nos va a aparecer una pantallita
marrn que vamos a decir pues no hay para tanto, es como un notepad pero en oscuro. Hay
muchos editores de texto para desarrollo web, pero despus de probar ste, los otros quedan
en el banquillo.

Aunque no sea un editor de textos open source, Sublime Text cuenta con una amplia
comunidad de apoyo, con lo que hay muchos snippets y plugins disponibles, tal y como
veremos. Para aquellos que no os guste aprender un programa leyendo un post, os
recomiendo el webcast que hizo el equipo de desarrolloweb.com compartiendo sus
conocimientos con todos nosotros.
El vdeo tiene una duracin de casi dos horas, pero es muy til. Y si no, te lees este post y te
ahorras el tiempo, pues aqu he hecho un resumen de todo lo que explican en el vdeo.
Crear un proyecto en Sublime Text
Una vez lo hemos descargado e instalado, lo primero que tendremos que hacer es crear un
proyecto con el que trabajar. Para ello iremos a Project > Add Folder to Project.

Escogemos entonces la carpeta en donde queremos trabajar con nuestro (nuevo) proyecto y la
abrimos. Veremos entonces que en la barra lateral nos aparecen los archivos y carpetas que
contiene la carpeta seleccionada. Lgicamente si la carpeta est vaca no aparecer nada
dentro. Una vez hemos hecho esto, hemos de guardar el proyecto, porque en el momento que
abramos otro, si no hemos guardado el anterior lo perderemos. Para ello vamos a Project >
Save Project As y lo guardamos.
Layout de Sublime Text
Cada vez que pulsemos sobre uno de los archivos de la barra lateral este se abrir en el editor.
Si queremos que se abra en una nueva pestaa, lo que haremos es hacer doble clic, pues en
otro caso se visualizar en la pantalla actual. Podemos modificar el layout de Sublime Text
como ms nos convenga, poniendo varias columnas o filas, segun nuestras preferencias.
Para ello iremos a View > Layout y all seleccionaremos entre todas las opciones existentes.
En mi caso concreto me gusta trabajar con dos columnas, y as es como visualizo mi pantalla
cuando trabajo con Sublime Text:

Esquema de Colores
Como puedes observar por el pantallazo anterior, mi esquema de colores es diferente del que
viene por defecto en Sublime Text v.2. Para editarlos es tan fcil como ir a Preferences >
Color Scheme y escoger el que ms se adapte a tus gustos personales. Incluso tienes una
opcin que emula al Mac, ideal para los frikis de emacs.

Buscar en Sublime Text
Uno de los puntos fuertes de Sublime Text es la rapidez de bsqueda, va a la velocidad del
rayo! Para buscar algo simplemente teclea Ctrl+P y te aparecer un buscador. Si por ejemplo
pones .css vers un listado con todos los archivos css que contiene el proyecto con el que
ests trabajando en el momento. Yo, por ejemplo, en mi nuevo proyecto estoy
utilizandoBones para WordPress, que contiene varios archivos css en la carpeta library, y con
este comando me es muy fcil trabajar con todos los archivos del proyecto.

Pero hay ms, mucho ms! Si quieres por ejemplo buscar margin dentro de los archivos css,
lo que has de escribir es .css#margin y te aparecer un listado con todos los resultados, Ms
todava, si escribes .css# te aparecer un listado con todas las palabras que aparecen en los
archivos css del proyecto.
Pero la cosa no termina aqu. Imagnate ahora que tenemos varios archivos de JavaScript,
sin ni tan slo abrirlos podemos encontrar las funciones que hay escribiendo .js@. Ahora nos
aparecer un listado con todas las funciones que contienen los archivos JavaScript del
proyecto. Otra manera de ir a los mtodos es con el shortcut Ctrl+R.
Para ir a una lnea utilizaremos el comando Ctrl+G
Si queremos buscar cualquier comando o funcin de Sublime Text v.2, en lugar de
hacerCtrl+P lo que haremos es Shift+Ctrl+P, con lo que nos aparecer un listado con todas
las posibilidades disponibles:

Los snippets en Sublime Text
Como comentaba al principio, uno de los puntos fuertes de Sublime Text es la amplia
comunidad de apoyo que hay, lo que ha hecho que hayan muchos snippets disponibles. Los
snippets nos facilitan muchsimo el tiempo de trabajo.
Por defecto vienen algunos snippets instalados. Si hacemosShift+Ctrl+P y
escribimos Snippetveremos un listado con los Snippets que tenemos disponibles.

Podemos insertar snippets de dos maneras, una buscndolo con Shift+Ctrl+P y la otra
mucha ms rpida es por la palabra clave y pulsando la tecla Tab. As, si vamos al texto y
escribimos lorem y pulsamos Tab lo que nos aparecer es un texto de lorem ipsum. Y si por
ejemplo escribimos html y pulsamos Tab se nos generar el cdigo bsico para empezar a
crear un archivo html. Lgicamente el archivo deber tener una extensin de html, php o
similar, porque en otro caso el snippet no funcionar.

Escribe html y pulsa la tecla Tab
Ahorrando escribir..
Otro punto fantstico de Sublime Text es que termine escribir cdigo HTMl a una velocidad
increble. As, si por ejemplo escribes div#content y pulsas la tecla Tab, automticamente te
aparecer este cdigo en pantalla:
1
<div id="content"></div>
Lo mismo sucede con las clases. Si escribes p.menu y pulsas la tecla Tab te aparecer este
cdigo:
1
<p class="menu"></p>
Multiselecciones
La verdad es que cuando he descubierto esta opcin me he quedado con la boca abierta.
Podemos tener varios punteros a la vez, quiero decir, que podemos estar escribiendo algo en
varios sitios del site a la vez. Cmo lo hacemos? Pulsamos la tecla Ctrl y hacemos clic en
algn punto del documento que queramos editar. Sin dejar de pulsar Ctrl seguimos haciendo
clic en los otros sitios del documento que queramos insertar el mismo cdigo. Una vez hecho,
empezamos a escribir y voil!, estaremos escribiendo en varios sitios a la vez.
Te preguntars para que es til esto. Pues imagnate que tienes una lista con varios elementos
del estilo:
1 <ul>
2 <li>Elemento 1</li>
3 <li>Elemento 2</li>
4 <li>Elemento 3</li>
5 <li>Elemento 4</li>
6 </ul>
Ahora imagnate que quieres retocar el cdigo y aadir en todas las etiquetas la clase menu.
Con otro editor deberas ir del palo de copiar y pegar hasta aburrirte. Aqu no, pulsas Ctrl y
lo mantienes apretado mientras haces clic dentro de la etiqueta li antes del corchete de
cierre en los cuatro elementos. Entonces vers que el cursor aparece en los cuatro elementos a
la vez y que si escribes algo lo hars en todos los sitios simultneamente.

Preferencias de configuracin
Otro de los puntos clave de Sublime Text es que es altamente personalizable. Al principio
hemos visto que podemos cambiar el layout y los colores, pero hay muchas ms opciones
personalizables. Para ello, hemos de ir a la carpeta Packages y la encontraremos aqu:
Windows: %APPDATA%\Sublime Text 2
OS X: ~/Library/Application Support/Sublime Text 2
Linux: ~/.config/sublime-text-2
Instalacin porttil: Sublime Text 2/Data
Aqu tienes un listado de lo que podemos configurar en Sublime Text v.2:
build systems (.sublime-build)
key maps (.sublime-keymap)
macros (.sublime-macro)
menus (.sublime-menu)
plugins (.py)
settings (.sublime-settings)
snippets (.sublime-snippet)
themes (.sublime-theme)
syntax definitions (.tmLanguage)
preferences (.tmPreferences)
syntax themes (.tmTheme)
A continuacin veremos una explicacin de lo ms importante para que podamos empezar a
configurar nuestro editor de textos Sublime.
Configuracin (.sublime-settings)
Aqu existen dos grupos principales: default y user. Default es la que viene por defecto,
mientras que user es la del usuario y por defecto viene vaca. Siempre, siempre, guarda la
configuracin en Settings User, porque user es una carpeta que nunca te la va a tocar nadie,
mientras que si guardas en default cada vez que instalen una actualizacin perders los
cambios que hayas hecho.
Podemos acceder a las preferencias de usuario por Preferences > Settings - User

Esto es debido a que he cambiado el esquema de color del modo que explicaba al principio de
este tutorial y el tamao de la letra. Para cambiar el tamao de la letra es tan fcil como
pulsar Ctrl+ o Ctrl- para hacerla ms grande o ms pequea respectivamente.
Veamos algunas opciones que podemos configurar. La mejor manera es tener el layout en dos
columnas con Alt+Shift+2, en una abres Settings -Default desde Preferences y en la otra
Settings User. Si se te abre las dos en la misma columna, es tan fcil como coger el
documento desde la pestaa y arrastrarlo a la zona de pestaas del otro. Esto es importante,
no lo arrastres a la zona donde va el archivo porque se te abrir en un archivo nuevo. Digo de
tener dos columnas porque as es ms fcil buscar las opciones en el listado de Default y
decidir que modificamos.
Pues eso, veamos algunas opciones muy tiles que aparecen en el vdeo citado al principio:
01 {
02 "color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme",
03 "font_size": 13,
04 "highlight_line": true,
05 "highlight_modified_tabs": true,
06 "ignored_packages":
07 [
08 "Vintage"
09 ],
10 "save_on_focus_lost": true,
11 "trim_trailing_white_space_on_save": true
12 }
Es importante que cuando le demos a guardar borremos la coma del final y que cuando
aadamos otra opcin las separemos por comas, porque sino nos dar error al guardar.
Veamos una por una:
1 "font_size": 13,
Como hemos visto podemos cambiar el tamao de fuente con Ctrl+ y Ctrl-. Otra opcin
es hacerlo directamente desde Settings User.
1 // If enabled, will highlight any line with a caret
2 "highlight_line": true
Como indica el texto en ingls, esta opcin que por defecto viene como false lo que hace es
resaltarte la lnea en la que ests en cada momento.
1 "highlight_modified_tabs": true
Por defecto todas las pestaas se ven igual, pero al menos para m es mucho ms prctico
cuando puedo diferenciar si un archivo se ha guardado o no simplemente mirando las
pestaas. Poniendo esta opcin a true, si un archivo se ha modificado y no se ha guardado,
lo podremos ver en la pestaa. En el ejemplo, el archivo single.php se ha modificado pero
no se ha guardado, mientras que footer.php s que se ha guardado.
1 "trim_trailing_white_space_on_save": true
Esta funcin lo que hace es eliminar los espacios en blanco al final de una lnea.
1 "save_on_focus_lost": true
Si ests cansado de darle a Ctrl+S, esta opcin te encantar. Lo que hace es que cuando
cambias de documento, se guarde automticamente el documento en el que estabas
trabajando. As puedes olvidarte de darle a guardar todo el rato.
Hay muchas ms opciones, por lo que vale la pena sumergirse en el archivo de Settings -
Defaults y averiguar ms.
Key Bingings(.sublime-keymap)
Esta opcin nos permite configurar absolutamente todos los atajos de teclado. De nuevo,
siempre, siempre, guarda en la carpeta user en KeyBindings User. Para acceder, volvemos a
ir a Preferences y all tenemos dos opciones Key Bindings - Default y Key Bindings
- User. Hacemos lo mismo que antes, abrimos dos columnas y vamos viendo los comandos
que nos interesan modificar para tener nuestros propios atajos de teclado.

Plugins via Sublime Package Control
Sublime Package Control


Para instalar Sublime Package Control, debemos abrir la consola de Sublime. Para ello
iremos a View > Show Console y veremos que en la parte inferior aparece la consola:


En la parte que he marcado con una flecha, copiaremos este cdigo:
1
import urllib2,os; 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()));
open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbo
nd.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime
Text to finish installation'
Pulsamos enter y reiniciamos Sublime. Ahora en Preferences aparece la opcin
de Package Control. Otro modo de acceder a las opciones de Package Control es
con Shift+Ctrl+P y escribiendo Package Control. Si seleccionamos la opcin Package
Control: Discover Packages se nos abrir una pgina web con un enorme listado de
plugins para Sublime. Si por ejemplo necesitamos un plugin para LESS, entonces
simplemente escribiendo LESS veremos un listado de plugins para este preprocesador de
CSS.

Todos los plugins que encontramos en esterepositorio de plugins para Sublime son open
source, con lo que son totalmente gratuitos. Aunque hay plugins de pago, estos son los de
menos, como SFTP y SVN.
Otro modo de acceder a este listado es conShift+Ctrl+P y seleccionando Package
Control: Install Packages. Si ahora tecleas LESS, te sale un listado con los plugins para
LESS:

Prefixr
Un plugin que recomiendan en el vdeo que indicaba al principio es Prefixr. Si lo instalas
desdeShift+Ctrl+P, Package Control: Install Packages,Prefixr y enter, te va a
parecer que no ha pasado nada, pero el plugin se ha instalado y lo puedes ver en la barra
inferior. Tambin lo puedes instalar desde el repositorio de plugins.
Prefixr lo que hace es que tu pones una opcin de CSS3 y el automticamente te crea las otras
opciones para todos los navegadores, con lo que te ahorras bastante tiempo escribiendo.

Cmo funciona Prefixr con Sublime? Muy fcil. Ponemos un texto en un archivo CSS en
Sublime. Si creamos un archivo nuevo, podemos indicar que el archivo es CSS
seleccionando Plain Text en la parte inferior derecha. All nos aparece un listado,
simplemente seleccionamos CSS. Introducimos el texto que queremos, a modo de ejemplo
puedes utilizar ste:
1 .container {
2 box-shadow: 20px;
3 -moz-transition: -moz-box-shadow 2s;
4 -webkit-border-radius: 4px;
5 animation: slide 1s alternate;
6
background: linear-gradient(top, #e3e3e3 10%, white);
7 display: -moz-box;
8 }
Ahora es tan fcil como seleccionarlo y pulsar Ctrl+Alt+X y voil!, Prefixr ha hecho
maravillas y modifica el texto. El resultado final es ste:
01 .container {
02 -webkit-box-shadow: 20px;
03 box-shadow: 20px;
04

05 -webkit-transition: -webkit-box-shadow 2s;
06 -moz-transition: -moz-box-shadow 2s;
07 -o-transition: box-shadow 2s;
08 -ms-transition: box-shadow 2s;
09 transition: box-shadow 2s;
10 border-radius: 4px;
11

12 -webkit-animation: slide 1s alternate;
13 -moz-animation: slide 1s alternate;
14 -ms-animation: slide 1s alternate;
15 -o-animation: slide 1s alternate;
16 animation: slide 1s alternate;
17

18
background: -webkit-linear-gradient(top, #e3e3e3 10%, white);
19
background: -moz-linear-gradient(top, #e3e3e3 10%, white);
20
background: -o-linear-gradient(top, #e3e3e3 10%, white);
21
background: -ms-linear-gradient(top, #e3e3e3 10%, white);
22
background: linear-gradient(top, #e3e3e3 10%, white);
23 display: -webkit-box;
24 display: -moz-box;
25 display: box;
26 }
Builds y custom builds
Los builds sirven para compilar nuestro cdigo. Dirs que en temas de desarrollo web no
utilizamos compiladores, pero si utilizas un preprocesador de CSS como LESS o
SASSentonces s que necesitars un compilador que te transforme el cdigo a css.
Compilador de LESS
Veamos un ejemplo que Jaume Fontal explica en el vdeo para un compilador para
LESSllamado LESS-Build.
1. Instalar el package Less-build
2. Ir al directorio commands de instalacin
3. Editar el fichero .sublime-bild
4. Generar un fichero .less
5. Complar y disfrutar
Lo primero que necesitamos es que Sublime reconozca los archivos con extensin .less, lo
que haremos es ir a Preferences > Package Control, selecionar Package Control:
Install Packages. All escribiremos Less. La primera opcin que nos aparece la
seleccionamos e instalamos. Seguidamente necesitamos tambin un compilador de LESS
para transformar los archivos.less a .css, por lo que esta vez seleccionaremos el
paquete less-build y lo instalaremos. Ahora ya podemos trabajar con archivos de LESS.
Una vez hemos instalado Less, necesitamos ir a Preferences > Browse Packages.. y
seleccionar la carpeta LESS-build y abrir el archivo LESS.sublime-bild. Si le das a abrir es
posible que el sistema operativo no reconozca el tipo de archivo, por lo que te recomiendo
seleccionarlo y arrastrarlo a una ventana de Sublime. En este archivo te aparece lo que sigue:
01 {
02
"cmd": ["lessc", "$file", "${file_path}/${file_base_name}.css", "--
verbose"],
03 "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
04 "selector": "source.css.less",
05
06 "osx":
07 {
08 "path": "/usr/local/bin:$PATH"
09 },
10

11 "windows":
12 {
13
"cmd": ["$packages\LESS-
build\dotless.Compiler.exe", "$file","${file_base_name}.css"] //To just
store the css in the same folder as the less
14 },
15

16 "variants": [
17 {
18 "name": "Minify",
19
"cmd":
["lessc", "$file", "{$file_path}/${file_base_name}.min.css", "-x", "--
verbose"],
20

21 "osx":
22 {
23 "path": "/usr/local/bin:$PATH"
24 },
25 "windows":
26 {
27
"cmd": ["$packages\LESS-build\dotless.Compiler.exe", "-
m", "${file}", "${file_base_name}.min.css"]
28 }
29 }
30 ]
31 }
Si ests en la versin no porttil entonces no has de cambiar nada, pero en caso de una
versin porttil si que deberamos modificar el path a la de la carpeta donde hayamos
guardado la versin porttil.
Creamos un archivo de LESS de prueba y lo guardamos como test.less:
01 @base: #f938ab;
02

03 .box-shadow(@style, @c) when (iscolor(@c)) {
04 box-shadow: @style @c;
05 -webkit-box-shadow: @style @c;
06 -moz-box-shadow: @style @c;
07 }
08 .box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
09 .box-shadow(@style, rgba(0, 0, 0, @alpha));
10 }
11 .box {
12 color: saturate(@base, 5%);
13 border-color: lighten(@base, 30%);
Ahora vamos a Tools > Build System y seleccionamos el compilador LESS que hemos
instalado. Veremos que hay otros compiladores que vienen instalados por defecto. Una vez
seleccionado el compilador de LESS, entonces vamos a Tools > Build o pulsamos Ctrl+B.
Se ejecutar entonces el compilador de LESS en la parte inferior de la pantalla y si no hay
ningn error nos crear el archivo test.css.

El archivo test.css se habr guardado en la misma carpeta donde tenamos test.less.
Este ser el cdigo compilado:
1 .box {
2 color: #fe33ac;
3 border-color: #fdcdea;
4 }
5 .box div {
6
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
7
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
8
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
9 }
Otro package que podemos instalar para facilitarnos la vida con el uso de compiladores es
el SublimeOnSaveBuild. Este plugin lo que hace es que cuando guardes un archivo el slo
compilar el archivo con el compilador que tengas por defecto configurado, as hasta te
ahorras dar a Ctrl+B. Este editor es de lo ms potente en cuanto ahorrarse tiempo de edicin.
Shortcuts
Para acabar, aqu tienes un resumen de los comandos ms importantes.
Ctrl+P: Abrir archivos del proyecto en el que ests trabajando.
Shift+Ctrl+P: Abres la lnea de comandos
Ctrl+Tab: Moverse entre las pestaas abiertas
Ctrl+R: Ir a los mtodos o funciones
Ctrl+G: Ir a una lnea especfica del archivo actual
Ctrl+H: Reemplazar
Ctrl+D: Expandir la seleccin en el archivo
Alt + flechas izquierda/derecha: Saltar entre espacios en blanco y moverse as por el
documento.
Ctrl + flechas arriba/abajo: Podemos desplazarnos arriba y abajo sin mover el puntero.
Ctrl + : Comentar o descomentar una lnea o un bloque seleccionado
Tab: Indentar
Ctrl+F2: Crear un puntero para facilitar la navegacin en un documento.
F2: Para navegar entre punteros, saltando de uno a otro.
Ctrl+Shift+F2: Borrar todos los punteros
Conclusin
Despus de todo lo que hemos visto, slo necesitas probar Sublime, la verdad es que me
sorprender que no te guste, porque yo estoy alucinada con su potencia. De nuevo, gracias a
Quique de CKGrafico por sus recomendaciones en Twitter. Si crees que me he dejado algo, o
quieres dejar tu opinin de Sublime, no dudes en dejar un comentario.

Gracias por compartir:
4
25
8
492
Te ha gustado el artculo? Suscrbete YA!
Contenido exclusivo y GRATIS mi curso de productividad.

S, me apunto!

26
04/09/2012
por Sandra Guerrero Sanmarti
en Tecnologa
tutoriales diseo web
Artculos relacionados
Usa una Imagen Responsive a Pantalla Completa con CSS
Los 10 Pasos a Seguir en el Diseo de una Web
Mejores Prcticas para Crear un Diseo Web Responsive
Cmo Hacer un iFrame Fluido y Responsive
Cmo Mejorar el Rendimiento Web

Comentarios

Matias
09/09/2012Responder
Primero queria felicitarte por tu blog, ya que escasean las buenas webs sobre
desarrollo web en espaol.Con respecto al articulo, me parecieron muy buenos los
tips.Mi gran duda es saber si existe algun plugin que permita tener un vista previa
en vivo del codigo en el navegador, o alguna funcion similar..
o
Sandra
09/09/2012
Muchas gracias, Matas, la idea de este blog surgi porque cuando estaba
empezando con el tema del diseo web vi que los mejores contenidos estaban en
ingls, y quise ofrecer una alternativa similar en castellano.
Cara el tema del plugin que me comentas, no conozco ninguno, pero con Google
Chrome si pulsas CTRL+ SHIFT+I puedes ver el cdigo en la misma pantalla que
la pgina web en cuestin. Espero que te sirva:-)

ileana
19/09/2012Responder
Me gustan leer tus posts, siempre hay mucho que aprender, y si sigues los links
encuentras ms y ms, por cierto utilizare Bones para WordPress!

Reinaldo Aguilera
20/09/2012Responder
Hola Sandra, me lleve una grata sorpresa al ver que habis visto el vdeo
introductorio del #devIO en desarrolloweb.com sobre SublimeText2
recuerda que tenemos mas sobre este tema en @devIO
uno de ST2 desde 0 (@jaumefontal), o ST optimizado para PHP (i y II parte con
@kunfu_code)
tambin tengo en agenda unos 5 programas mas de ST2. como vez me encanta este
editor.
cualquier aporte, comentario, critica o sugerencia puedes comentarla, estar
encantado de conversar contigo
Saludos
Reinaldo organizador de #devIO en desarrolloweb.com

Jimmy Senz
30/09/2012Responder
Hola, tengo una pequea duda que tal vez usted pueda sacrmela: cmo se hace la
seleccin mltiple vertical en ST2? En Notepad++ solo tena que pulsar ctrl +
mover el cursor y listo, en Visual Studio se hace de la misma manera.
Dejo un pequeo video explicndome mejor
Gracias.
o
Jimmy Senz
30/09/2012
Perdn, ALT + Movimiento del cursor :P
o
Jimmy Senz
01/10/2012
Sandra disculpa, el segundo comentario era una correccin a la forma en que lo
haca en N++, pero en ST2 an no he encontrado la manera de hacerlo. Si en dado
caso lo descubrs te agradecera muchsimo me lo digas. Un gran saludo.
o
Sandra
02/10/2012
Con seleccin vertical imagino que te refieres a tener varios cursores para poder
editar varias lneas a la vez. Es tan fcil como mantener pulsada la tecla Ctrl en
Windows o Command en Mac y pulsar en todos los sitios donde quieres crear un
cursor. Un saludo.

Daniel Londoo
08/11/2012Responder
otro atajo que sirve mucho es
Shift+Ctrl+w Para encerrar texto en una etiqueta html

Isabel
14/11/2012Responder
Hola Sandra gracias por este tutorial tan util, pero me gustaria saber si existe
alguna forma de pasar el software al espaol?. De verdad te deseo mucho exito
en todos tus proyectos!!! ;)

cristian murillo
13/12/2012Responder
hola puedes decirme como agregar las etiquetas que no tere por defecto sublime
text con y figurcaption gracias

Eduardo
03/01/2013Responder
hola
Antes que todo agradezco mucho el post y la forma sencilla de explicar todo, solo
tengo la siguiente consulta:
Como hago para que al seleccionar el inicio de un el programa me muestre donde
termina?
El notepad++ me lo mostraba asi automaticamente
Saludos
o
Craftersama
30/03/2013
Con Un Plugin que le instalas, lo bueno de eso es que puedes personalizarlo a tu
gusto :)

MrSonels
18/01/2013Responder
A favoritos! buen trabajo Sandra!

Cristian Arenal
20/02/2013Responder
Hace unos pocos meses que uso Sublime Text y la verdad que no lo puedo largar.
Por el momento tengo la versin gratuita, me aparece cada tres horas al cartel de
registrar, pero la verdad no es nada molesto.

Juan Flores
09/04/2013Responder
Realmente yo conoci a sublime text x un mi buen amigo como es Luis Cazares
luego he estado investingao pero este articulo realmente me ayudo ms de lo
esperado por eso dejo mi comentario para dar gracias por compartir tan valiosa
informacin como dicen por hay hay q agradecer el esfuerzo y tiempo que le
dedican a los demas mil pero mil gracias

Froylan
12/04/2013Responder
Excelente aporte, yo trabajaba con Aptana (que para mi era el mejor) pero Text
edit me a dejado sorprendido de verdad, ya solamente aprender a utilizarlo con Git
Gracias :)

Lorindo
10/06/2013Responder
Me gust el post, pero estara bueno uno para explicar esto mismo pero para mac,
que ha sido un rollo y no lo he podido resolver, tengo ya unod das con este asunto.
Muchas gracias de antemano. Saludos!

sandra
28/04/2014Responder
Excelente artculo.
Pero tengo un problema, he seguido todos los pasos (los tuyos y los del vdeo) para
instalarme Prefixr y cuando tecleo la secuencia Ctrl+Alt+x me aparece el siguiente
error:
prefix http error 404 contacting api
He buscado la solucin por internet pero nadie parece tener muy claro qu ocurre.
Como tu artculo y el vdeo ya tienen un tiempo, quera saber si te ocurre esto
ahora o si te ha ocurrido y cmo lo solucionaste.
Gracias y un saludo.
o
Sandra Guerrero Sanmarti
28/04/2014
Hola,
no, no me ha sucedido lo mejor es que contactes al desarrollador, seguro que l
sabe por qu sucede
suerte y un abrazo!
Sandra

Adrian
06/05/2014Responder
Hola Sandra
Bueno he visto en una imagen en el articulo que es cuando muestras la consola , en
la parte donde se debe colocar el cdigo para instalar el package control. se que
con sublime text se puede hacer una flecha asi como la que dibujaste alli. Me
gustaria saber si la hiciste con sublime text cual es el atajo de teclado para hacer
aparecer la herramienta donde puedo seleccionar lineas rectas , flechas y curvas en
el programa ? Gracias
o
Sandra Guerrero Sanmarti
07/05/2014
Hola Adrian,
la flecha est hecha con Photoshop. Para preguntas especficas de Sublime Text,
mejor pregunta en el foro:
https://www.sublimetext.com/forum/
un abrazo!
Sandra

German
19/07/2014Responder
Hola Sandra como esta?
me le todo el articulo y de verdad es espectacular, tengo una dudan. estoy
arraigando con dw por aquello de la presentacin en vivo, con sublime puedo crear
grandes proyectos sin llegar a tirar la toalla.
mil gracias.
o
Sandra Guerrero Sanmarti
19/07/2014
Hola German,
no me ha quedado muy clara tu duda, si me lo aclaras miro si puedo ayudarte.
Un abrazo!
Sandra

Paola Ramirez
15/08/2014Responder
me parece buena guia y creo que me ayudara exactamente con lo que necesito
gracias al que lo puso bendiciones
o
Sandra Guerrero Sanmarti
15/08/2014
me alegro te sirva. Un abrazo!