Guía de Sublime Text - ¿El Mejor Editor de Código

15/3/2019 Guía de Sublime Text: ¿El mejor editor de código? | Emezeta.
COM
        
 SOBRE MI Si funciona...¡No lo toques! 
Sublime Text es uno de los mejores editores de código que existen. ¿Por qué? En este artículo se
explican detalladamente sus características y funcionalidades.
 DESARROLLO 39 
Guía de Sublime Text: ¿El mejor

editor de código?
Escrito por J. Román Hernández Martín  23min
PUBLICIDAD
Sublime Text es un excepcional editor de textos que aporta muchas

características útiles a la hora de programar o editar código. El editor está
cargado de funcionalidades útiles y cómodas desde el punto de la usabilidad y
e ciencia, utilizando el método geek  y convirtiendo nuestro trabajo de
 edición de texto en una experiencia cada vez más sencilla y agradable, a

medida que vamos aprendiendo a utilizar todas sus funcionalidades.

Editor de código Sublime Text
euros aunque permite utilizarse10atrucos para mejorar la

Su licencia cuesta aproximadamente 50 euros,
terminal de Windows
modo de prueba gratuita durante un tiempo con todas sus funcionalidades y
sin ningún tipo de limitación. Es multiplataforma y puede utilizarseEsta
desde
web utiliza cookies. Si lo deseas, puedes
leer más sobre cómo y qué datos
gestionamos. ¡Cuéntame más! Cerrar
https://www.emezeta.com/articulos/guia-sublime-text 1/26
15/3/2019 Guía de Sublime Text: ¿El mejor editor de código? | Emezeta.COM
Windows, GNU/Linux o Mac OS X (10.7+). Puedes descargarlo desde el

siguiente enlace:
URL | Sublime Text 3 
Características interesantes
 Pestañas
Al igual que otras aplicaciones de la actualidad, Sublime Text soporta
pestañas, una característica que popularizaron los navegadores web. En cada
una de estas pestañas, se muestra una x para cerrar la misma, que cambia a
un circulo gris cuando se han escrito cambios en el archivo y no se han
guardado todavía.
Sublime Text: Pestañas
 Autocompletado
Sublime Text tiene resaltado a color de sintaxis para facilitar la lectura de
código, así como numerado de línea. También muestra un pequeño índice
grá co a la derecha, por el cuál podemos desplazarnos rápidamente a golpe
de clic del ratón.
Pero quizás una de las características que más se agradecen (sobre todo a los
usuarios que no tienen buena memoria), es el autocompletado
autocompletado. Esta
funcionalidad nos ayudará a recordar como se escriben ciertos comandos,
funciones o textos del lenguaje o marcado en el que nos encontramos.
x
10 trucos para mejorar la

terminal de Windows
Esta web utiliza cookies. Si lo deseas, puedes

Un ejemplo de autocompletado en CSS
Además, en muchos lenguajes (como por ejemplo, PHP), Sublime Text nos
facilita el orden de los parámetros, por si no los recordamos, algo muy común
en PHP con funciones como strpos  o explode  , donde el orden de los
parámetros es diferente.
Sublime Text: Ayuda de sintaxis
 Selecciones múltiples
Una de las características más interesantes de Sublime Text es su exibilidad
para realizar tareas comunes de una forma sencilla y rápida. Por ejemplo, terminal
si de Windows
seleccionamos una palabra con el ratón (en el ejemplo, len), pulsando
CTRL + D podremos ir seleccionando las siguientes coincidencias yEsta web utiliza cookies. Si lo deseas, puedes
modi carlas todas a la vez: gestionamos. ¡Cuéntame más! Cerrar
Sublime Text: Selecciones múltiples
También puedes utilizar la combinación CTRL + K para saltarte alguna

selección que no quieras utilizar en el reemplazo.
 Ediciones múltiples
Seleccionando varias líneas y utilizando la combinación de teclas
CTRL + SHIFT + L puedes editar varias líneas a la vez, muy útil para
cambios paralelos repetitivos:

terminal de Windows
Sublime Text: Ediciones múltiples Esta web utiliza cookies. Si lo deseas, puedes
 Acceso directo a métodos o

funciones
Es posible acceder directamente a métodos o funciones de un archivo con
código fuente, lo cuál es muy interesante cuando nuestro código alcanza
grandes proporciones. Se puede hacer pulsando la combinación de teclas
CTRL + R , y escribiendo a continuación el nombre de la función:
Sublime Text: Índice de métodos
 Auto-cerrado de etiquetas
Si nos acostumbramos a utilizarla, la combinación de teclas ALT + . puede
ayudarnos a cerrar rápidamente cualquier etiqueta HTML que tengamos
abierta de forma instantánea:

terminal de Windows

Sublime Text: Auto-cerrado de etiquetas
 Acceder a una línea concreta

Existe un atajo mediante el cual es posible saltar a una línea concreta de un
archivo, simplemente pulsando la combinación de teclas CTRL + G y
escribiendo a continuación el número de la línea deseada.
 Combinaciones de teclado
Existen muchas otras combinaciones de teclas que convendría conocer, ya
que son acciones que utilizaremos frecuentemente:
 Code-folding
Sublime Text también proporciona la posibilidad de plegar o desplegar
bloques de código, tanto en HTML como en lenguajes de programación. De
esta forma, podemos centrarnos en la parte del código que nos interesa sin
desorientarnos o perder el foco en lo que no tenemos intención de tocar.
Para utilizar esta funcionalidad, basta con mover el ratón hacia la parte
izquierda del código (donde aparecen los números) y pulsar sobre las echas
para contraer o desplegar el código:
Sublime Text: Code folding

terminal de Windows
La zona reducida se mostrará con un pequeño símbolo ... que indica que hay
más contenido en su interior.
 Búsquedas
A medida que el código que manejamos se hace más grande, necesitaremos
realizar operaciones de búsquedas de la forma más rápida posible. Para ello,
pulsamos CTRL + F y nos aparecerá un pequeño panel donde escribir
nuestra búsqueda. Esto resaltará en color la primera coincidencia y en color
«hueco» las coincidencias sucesivas a medida que escribimos la palabra a
buscar.
Sublime Text: Búsquedas
Por otro lado, si lo que queremos es realizar una búsqueda para reemplazar
un texto por otro, pulsamos CTRL + H , lo que hará que nos aparezca el
mismo menú, pero esta vez preparado para realizar una búsqueda con
posibilidad de reemplazo.

terminal de Windows

Sublime Text: Reemplazar leer más sobre cómo y qué datos
 Expresiones regulares
Es muy interesante saber que Sublime Text permite realizar búsquedas o
reemplazos utilizando Expresiones regulares.
regulares Esto es una forma excelente de
hacer cambios utilizando patrones no exactos. Para activar el soporte de
expresiones regulares simplemente hay que pulsar el primer botón de la
barra de búsqueda, simbolizado por los caracteres .*.
Una vez activo, podremos realizar búsquedas o reemplazos utilizando

expresiones regulares. En el siguiente ejemplo se ha utilizado la expresión
regular d.. que signi ca «Cualquier texto con una d seguido de dos caracteres
cualquiera»:
Sublime Text: Expresiones regulares
El mundo de las expresiones regulares es muy amplio, pero es muy útil para
automatizar tareas de búsqueda con patrones muy variables o desconocidos.
Aquí algunos ejemplos:
Expresiones regulares atómicas
RegEx Significado
^texto Línea que empiece por a
texto$ Línea que acabe en a
. Cualquier carácter
x
a* Cero o más «a»
a+ Una o más «a»
a|b Carácter «a» o «b»

[aeiou] Una vocal minúscula terminal de Windows
[^aeiou] Carácter no vocal minúscula

Expresiones regulares básicas
RegEx Significado
[a-zA-Z0-9]+ Letras o números
[0-9]{2} Cifra de 2 dígitos
[0-9]{1,3} Cifra de 1 a 3 dígitos
[0-9]A? Número que puede (o no) acabar en «A»
Expresiones regulares de agrupación (captura)
RegEx Significado Valor capturado ($1)
h(.+)a Textos como: hola, hala, hasta, hora... ol, al, ast, or...
Nivel ([0-9]+) Textos como: Nivel 0, Nivel 1, Nivel 2... 0, 1, 2...
Lo interesante de estas últimas expresiones regulares es que los paréntesis

efectúan una tarea de agrupación, capturando el contenido y guardándolo en
una variable $1. En el caso de que la expresión regular contenga más
paréntesis, irá capturando en variables sucesivas: $1, $2, $3, etc...
Todo esto puede ser muy útil para realizar reemplazos con fragmentos
capturados en dichas variables.
Puedes practicar expresiones regulares con la herramienta Regular

Expression Test Page  , que permite comprobar si varios casos
diferentes casan o no.
Snippets
Tanto con documentos de texto como lenguajes de marcado o etiqueta o
código de programación, es muy común encontrarnos en la situación de
tener que escribir textos repetitivos frecuentemente, lo que puede resultar
algo tedioso y hasta desagradable.
Sublime Text permite crear snippets: pequeño fragmentos de código que

puedes expandir a partir de la escritura de un pequeño texto seguido de la
tecla TAB , ahorrando así mucho tiempo. En el siguiente ejemplo veremos
como crear un sencillo snippet utilizando el texto disparador «hola», que lo
expanderá a un texto prede nido más largo.
 Creación de un Snippet x
Lo primero, nos dirigimos al menú Tools / New Snippet....

Snippet... Se nos creará un
nuevo documento XML con la estructura apropiada para crear el snippet. 10 trucos para mejorar la
terminal de Windows
Esta estructura tiene tres partes que debemos modi car:
1. Etiqueta content gestionamos. ¡Cuéntame más! Cerrar
Dentro de la etiqueta content escribiremos el texto expandido. Este texto

debe estar rodeado de las etiquetas <[CDATA[ y ]]> para evitar problemas con
el escapado. Escribimos el texto en su interior, teniéndo en cuenta que
también se puede utilizar el formato ${1:palabra} para que al expandir un
texto se seleccione automáticamente esa palabra (y podamos cambiar a las
sucesivas pulsando TAB ). De esta forma facilitaremos la edición del snippet.
Sublime Text: Crear snippets
2. Etiqueta tabTrigger
Esta será la palabra que tenemos que escribir y pulsar TAB para expandir.
Utiliza palabras lo su cientemente complejas para no escribirlas
accidentalmente, pero lo su cientemente sencillas como para resultar
cómodas y útiles.
3. Etiqueta scope
Este parámetro (opcional) nos permite especi car si el snippet funcionará

sólo en un tipo de archivo concreto, como archivos HTML (text.html) o
código fuente Python (source.python), por ejemplo.
Eso es todo. Con esos parámetros especi cados tendremos el snippet

preparado para funcionar. Guardamos el archivo en la carpeta Data Packages
Packages
User con el nombre hola.sublime-snippet (debe acabar con la extensión
User
.sublime-snippet).
x
Listo. Ya podemos probarlo en el editor:

terminal de Windows

Snippet de ejemplo para Sublime Text
Obviamente, estas características podemos utilizarlas para automatizar

tareas más interesantes, como por ejemplo, una estructura personalizada o
template de un documento HTML nuevo, escribiendo html y pulsando TAB ,
posicionándose automáticamente en el título de la página. Pero más adelante
veremos un paquete llamado EMMET que utiliza la losofía ZEN Coding,
Coding
mucho más útil para ahorrar tiempo:
EMMET para Sublime Text

Paquetes (plugins) terminal de Windows

Por si pareciera poco y Sublime Text no fuera ya un excelente editor con sus
funcionalidades de serie, también permite extender sus capacidades
mediante la instalación de plugins (paquetes) desde un extenso repositorio.
 ¿Cómo instalar paquetes?

Por defecto, el Package Control  viene desactivado en Sublime Text. Para
activarlo, vamos al menú View / Show Console y pegamos el siguiente texto
(ST3):
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package
Con esto ya tendremos el gestor de paquetes preparado para Sublime Text 3.

3
Ahora, cada vez que queramos buscar un paquete en el repositorio para

instalarlo, pulsamos CTRL + SHIFT + P y escribimos Install Package.
Package
Entonces podremos buscar entre la gran cantidad de paquetes que existen
para Sublime Text e instalarlos con un simple click.
Instalar paquetes automáticamente en Sublime Text
De la misma forma, pulsando CTRL + SHIFT + P y escribiendo Remove

Package podemos desinstalar paquetes que no queramos utilizar más.
Si lo deseas, también puedes acceder a Package Control Repository  para x

buscar paquetes vía web, categorizados en secciones como nuevos
nuevos,
tendencias, populares
tendencias populares, autores u otros.
IMPORTANTE Asegúrate de instalar plugins compatibles con la versión

IMPORTANTE:
de Sublime Text que estés utilizando. Si estás utilizando ST3, es posible
terminal de Windows
que no puedas utilizar paquetes diseñados para otra versión.
Editor de con guración

Como ya hemos dicho, uno de los puntos fuertes de Sublime Text es su
capacidad de personalización. En el menú Preferences se puede acceder a los
archivos de con guración para personalizar ciertas características del editor
y/o de sus complementos.
 Diferencias entre Default y User

Encontrarás siempre las con guraciones divididas en dos categorías
diferentes: Default y User
User.
Los archivos con el su jo Default son los que contienen las opciones y
parámetros de la aplicación recién instalada y no son modi cables. Por otro
lado, los archivos con el su jo User si son modi cables, ya que son los que
guardarán nuestros cambios, eliminando los valores de Default
Default.
Por ejemplo, en Settings - Default vemos que una de las opciones es

«font_size»: 10,
10 si insertamos en Settings - User una línea con «font_size»: 14
comprobaremos que al guardar, el tamaño de la letra cambia.
Los archivos de con guración de Sublime Text realmente son archivos

JSON con la extensión .settings
.settings, que a efectos prácticos son un archivo
JSON que permite comentarios. Si tienes problemas con algún archivo de
con guración, puedes validarlos para asegurarte de que están
correctamente escritos. Puedes utilizar JSON Validator  o JSON Lint
.
 Esquemas de colores
En el menú Preferences / Color Scheme se encuentran varios esquemas que
cambian las combinaciones de colores del editor. Existen desde
combinaciones con temas claros a temas más oscuros, como el que viene de
serie. El esquema de colores que trae Sublime Text por defecto se llama
Monokai.
Monokai
En los paquetes del repositorio también puedes encontrar muchos otros x
esquemas de colores y temas instalables, como por ejemplo Flatron  ,

Predawn  , Brogrammer  o Devastate  :

terminal de Windows

Themes para Sublime Text
Paquetes o plugins interesantes
 1. GutterColor
Si sueles escribir archivos de estilos CSS con frecuencia, este paquete te será
de mucha ayuda, puesto que se encarga de colocar un pequeño circulo a la
izquierda de la línea en la que has colocado un color hexadecimal:

terminal de Windows
GutterColor: Colores CSS en Sublime Text
Para el correcto funcionamiento de este paquete, necesitaremos tener

instalado en nuestro equipo la herramienta ImageMagick  . Debemos
asegurarnos de que el archivo convert.exe está en el PATH del sistema y que
en la con guración User de Sublime Text tenemos la siguiente opción:
{
"convert_path" : "convert.exe"
}
NOTA En sistemas Windows esta extensión puede dar problemas (en lugar
NOTA:
de los círculos, mostrar un cuadrado con líneas) ya que convert.exe es una
utilidad de particionado del sistema. Se aconseja jar la ruta en el PATH del
sistema y especi car la ruta concreta.
 2. ColorPicker
También para diseñadores, este paquete permite abrir un panel de elección
de color al pulsar la combinación de teclas CTRL + SHIFT + C . Al
seleccionar un color y pulsar aceptar, nos establecerá el código hexadecimal,
ahorrándonos el tener que utilizar un programa externo para tal n.
ColorPicker: Elegir colores CSS en Sublime Text
 3. EMMET (Zen Coding)

EMMET (antes conocido como Zen Coding) es un estupendo plugin para10 trucos para mejorar la
Sublime Text que permite aprovechar la sintaxis CSS para ahorrar tiempoterminal
en de Windows
la creación de código HTML.

Por ejemplo, podemos especi car el texto **ul>li*5>strong+em** con el que

le indicamos:
Construye una lista desordenada (ul).

Que contenga 5 puntos (li*5).
strong, seguida de em.
Que cada punto contenga una etiqueta strong
EMMET: Zen coding en Sublime Text
Obviamente, esto sólo es un ejemplo. Se pueden construir cosas muchísimo

más complicadas con una personalización más potente. La siguiente
referencia muestra los operadores existentes que pueden utilizarse y
combinarse con EMMET
EMMET:
Operadores Significado
> Hijo (dentro de...)
+ Hermano (al lado de..)
^ Salir de la etiqueta actual
* Multiplicador (repite x veces)
() Agrupador
. Clase
# ID
[attr] Atributos
$ Número de iteración x
{} Añadir texto
Para entender mejor estas opciones, prueba con los siguientes ejemplos:10 trucos para mejorar la
terminal de Windows
strong
ul>li*5>strong{Punto $}+em Esta web utiliza cookies. Si lo deseas, puedes
div#header+div#container>div#content+div#menu^+div#footergestionamos. ¡Cuéntame más! Cerrar
URL | EMMET CheatSheet 
 4. BracketHighlighter
Este sencillo paquete nos permite resaltar visualmente el ámbito de la zona
donde estamos escribiendo en nuestro código. Así, si nos posicionamos sobre
la apertura de una llave o unos paréntesis, se resaltará visualmente donde se
cierran.
BracketHighlighter: Resaltado de llaves en Sublime Text
 5. CSS Snippets
El paquete CSS Snippets contiene una gran cantidad de snippets
especialmente diseñados para ahorrar tiempo en el desarrollo de código CSS.
Por ejemplo, snippets que permitan crear código compatible con todos los
navegadores, utilizando pre jos vendor de características que aún no están
implementadas por completo:

terminal de Windows

CSS Snippets en Sublime Text
URL | Lista completa de snippets para CSS 
 Otros paquetes
Puedes echar un vistazo a la amplia gama de paquetes existentes en el
repositorio de Sublime Text. Existen paquetes de funcionalidades añadidas,
temas o esquemas de colores y hasta multitud de paquetes para
autocompletado o resaltado de sintaxis de otros lenguajes de programación.
Algunos otros paquetes dignos de mención:
Git (Control de versiones con Git)

SFTP (Gestor integrado de SFTP/FTP)
CSS Color Converter (Transforma entre formatos hexadecimales, RGB y
HSL)
LESS2CSS (Convierte código LESS a CSS al guardar)
Terminal (Abre una terminal en la carpeta de trabajo)
En el artículo Los mejores editores de texto para programar  puedes

encontrar otros geniales editores como Adobe Brackets,
Brackets LightTable o ATOM
ATOM,
e incluso, 15 editores de texto basados en terminal  , por si acostumbras a
programar desde remoto vía SSH  .
Este artículo es un fragmento del Curso online de Diseño web con CSS3 
que imparto en la Universidad de La Laguna.
— 26-10-2014 —
RELACIONADOS RELACIONADOS RELACIONADOS

10 trucos para mejorar la Cómo con gurar Atom Editor (y Nostalgia: Así era la informática
terminal de Windows sus mejores plugins) en los 80 y 90
¡Comparte!    
terminal de Windows
Mi nombre es J. Román ( Manz ), soy profesor y

divulgador informático y vivo en Tenerife (Canarias).
SUSCRIPCIÓN
¿Te ha gustado este artículo? Suscríbete por email y Escribe tu email para recibir actualizaciones ¡Vale!
recibe avisos cuando se publiquen nuevas entradas
en Emezeta.com.
PUBLICIDAD
39 comentarios
1
Manz
Domingo, 26 de octubre de 2014, 22:21
Aunque aún está muy verde, comentar que también existe un proyecto de clon open source de
  Sublime Text llamado Lime Text  .
Autor
   +4
2
Pablo2M
Domingo, 26 de octubre de 2014, 22:55
Atom de gitub también intenta ser una alternativa libre a sublimetext o al menos así lo
  promocionan.
   +2
3
Daniel Merino
Lunes, 27 de octubre de 2014, 07:39
Genial la guía, como siempre. Tengo que echarle un vistazo a fondo, pero creo que te has
  dejado algunas cosillas muy útiles que yo he ido recopilando por aquí (uso Ubuntu 14.04,
supongo que sucederán también en otros sistemas):
-En el Package Manager, uno de los paquetes más útiles es el Simple Print, que permite
imprimir, algo que Sublime Text nunca ha tenido por defecto (y que provoca muchas quejas).
-Con CTRL+Click se pueden seleccionar diferentes palabras y líneas y borrarlas/sustituirlas a la

vez, no tienen por qué ser la misma palabra.
-Con SHIFT+Botón derecho se pueden seleccionar líneas a partir de una determinada columna.
-Con ALT+SHIFT+1/2/3... puedes dividir la pantalla en diferentes editores.
-Y por último, yo tengo la manía de abrir cada documento en una ventana nueva. Esto en
Ubuntu causa un problema: cerrar con Alt+F4 cierra TODAS las ventanas de todos los
escritorios. Me he acostumbrado a usar CTRL+F4, que cierra la pestaña actual (y puede
con gurarse para cerrar la ventana si es la última pestaña abierta).
Espero que te sirvan. Enhorabuena por la guía.

Salu2
   +4
4
x
Javi
Todo lo que sea predicar las bondades de Sublime Text es bueno :D 10 trucos para mejorar la
terminal de Windows
 
Algunas de las características que para mí son más importantes:
* Una cosa que no mencionas (supongo que se da por hecho) es que todas, todas las¡Cuéntame
gestionamos. sugerencias
más! Cerrar
en base a texto (autocompletado, comandos, ir a función, etc.) son difusas

difusas, y con una buena
estrategia de predicción, lo que signi ca que incluso si pongo tres letras de lo que busco,
incluso "comiéndome" alguna, la primera sugerencia es casi siempre lo que busco.
* Cuando trabajas con varios archivos, y sobre todo cuando abres un directorio (Shift + Ctrl +
O), la barra de Ir a (Ctrl + P) te permite ir a un archivo poniedo unas pocas letras de su nombre;
es más, puedes ir a la función "handleRequest" del archivo "handler.py" escribiendo algo como
"hdl@hnreq". Es difícil imaginar cuánto se acelera sólo con eso.
* Se puede sacar la Paleta de comandos con Ctrl + Shift + P. Básicamente, si no recuerdo o no
hay un atajo para hacer algo (e.g. reindentar el código) hago Ctrl + Shift + P, escribo unas pocas
letras (e.g. "ind") y escojo el comando que quiero.
* Y una cosa más que me encanta, Shift + Alt + Arriba y Shift + Alt + Abajo para hacer selección
múltiple en vertical.
Y si queréis haceros los maestros de Sublime Text, hay un magní co tutorial de Tuts+ 
(gratuito, aunque requiere registrarse) que explica todo esto y más con un montón de vídeos (es
para la versión 2, aunque todo o la mayoría es igualmente aplicable a la versión 3).
   +3
5
daniel malma
esta buenazo

 
6
Carlos
Genial editor. Creo que voy a probarlo y volveré a divertirme programando como cuando lo
 hacía con Vim o Emacs :)
 
7
Jose
Domingo, 2 de noviembre de 2014, 16:40
¿Sabéis cómo puedo activar el modo columna desde el inicio del chero hasta el nal del
 chero sin tener que ir línea a línea? Gracias.
   +1
8
David
Lunes, 3 de noviembre de 2014, 12:41
Un apunte acerca de lo que comentas sobre que puede utilizarse de manera gratuita durante un
  tiempo con todas sus funcionalidades y sin ningún tipo de limitación. Yo llevo usando Sublime
desde hace bastante tiempo y nunca me han obligado a pagar, ni antes con la versión 2 ni ahora
con la versión 3. Sí es verdad que de cuando en cuando aparece una ventanita que te recuerda x
que puedes comprar la licencia, pero en ningún caso es necesario para poder utilizar el editor.
 

Manz terminal de Windows
Lunes, 3 de noviembre de 2014, 14:05

@David : Es cierto que desde el programa no "obligan" a utilizarlo, perogestionamos.
en su sección de
¡Cuéntame más! Cerrar
  compra  puedes ver su tipo de licencia:
9
Autor
«Sublime Text may be downloaded and evaluated for free, however a license must be purchased
for continued use.»
Saludos
 
10
Wardog
Martes, 4 de noviembre de 2014, 23:30
Otra función que me gusta mucho es la que, pulsando CTRL + Click con el ratón te permite
  establecer varios cursores y escribir texto. Lo uso mucho porque como soy gilibollas y
despistado, creando clases en PHP olvido el $this-> delante de la propiedad dentro en un
método.
   +2
11
juanita
Jueves, 6 de noviembre de 2014, 16:56
fantástico editor voy a revisarlo y creo que voy aprobarlo!!!!

 
 
12
paquito
Viernes, 7 de noviembre de 2014, 15:36
@Jose :
 1- Seleccionar todo Ctrl + A
2- Activar columnas en lineas seleccionadas: Ctrl + Shift + L
 
13
Javi Felices
Sábado, 15 de noviembre de 2014, 07:38
Buenas Román
Román, lo primero gran artículo y guía, que gustosamente he compartido por mis redes
  sociales, grupos y comunidades.
Dejo otro plugin que alguien comentó por Linkedin: "Por otro lado, muy buena guía, la mayoría
de cosas las conocía pero para un iniciado está genial. Personalmente agregaría el plugin
DocBlockr que te agrega comentarios automáticamente a tus funciones (entre otras cosas).
Web 
 
14
Freinn x
Muy buen tutorial, me he animado y lo he comprado para acelerar mi edición de código en

 muchos lenguajes. Su rendimiento y la posibilidad de instalar en Windows, Mac y Linux, y en
todos los ordenadores que quieras es una gran ventaja. 10 trucos para mejorar la
terminal de Windows
 
Jose
15
Martes, 18 de noviembre de 2014, 17:05
@paquito : Muchas gracias! No encontraba la combinación de teclas.

 
 
16
gregtu
¿para que sirve un editor de texto?


 
17
Jot3to
Martes, 9 de diciembre de 2014, 19:23
A veces siento que Emezeta vive del pasado...

 
 
18
Aprendizzz
Martes, 30 de diciembre de 2014, 22:20
Hola, he querido descubrir como puedo seleccionar un bloque y descomentarlo... He intentado

  con Ctrl+c pero no me funciona... También quisiera que alguno me dijera cómo puedo
seleccionar un bloque y meterlo dentro de un div, por ej., es decir, que tenga muchas img con
sus href y que no tenga que escribir al principio buscar el nal de la lista y colocar el
manualmente... sino que seleccione las 20 imgs del slidershow y que con un atajo de teclado
queden dentro del div... Salu2 y muchas gracias!!!
 
19
Gilberto
Domingo, 18 de enero de 2015, 05:55
@Aprendizzz : Ctrl /
 
 
20
Diego
Jueves, 26 de febrero de 2015, 18:57
Me gustaría saber como puedo realizar comentarios en HTML5 desde sublime text3. le
 agradeceria
 
x
21
Diego Muñoz
Sábado, 28 de febrero de 2015, 07:18
Genial!!, el mejor de todos, Saludos terminal de Windows
 
 Silo +1
Esta web utiliza cookies. deseas, puedes
Vicente
22
Martes, 7 de abril de 2015, 19:44
Estoy utilizando este maravilloso editor, leo con verdadero interés todos tus comentarios y
 algunos más. Echo de menos que no tenga un botón con el que poder ver el código HTML en un
navegador como por ejemplo Crome u otro similar, para poder ver rápidamente como funciona
lo que se haya escrito en el código.
Por lo demás, una maravilla y un sin n de posibilidades.
Gracias por todo.
   +2
23
dryhouse
Jueves, 9 de abril de 2015, 10:03
Buenos días.
 Al crear un snippets nuevo, este.
bts:1
text.html
-->
Lo guardo, en la carpera correspondiente, y al utilizarlo no me aparece, ni con la abreviatura y

tab ni buscandolo desde tools>snippets. ütilizo mac tiene eso algo que ver?
 
24
Juan Perez Galve
Miércoles, 10 de junio de 2015, 12:54
Lo he usado en mas de una ocasion, pero no me ha dado buenos resultados. Se me cierra

  recurrentemente y la verdad es que cuando llevas un buen rato de faena y se va,... te entra la ira
suprema.
 
25
Jose
Martes, 30 de junio de 2015, 21:27
No se, si se me paso por alto leer pero quisiera saber como puedo llevarme la con guracion que
  hice en mi pc de sublime a otro pc y no tener que volver a instalar todo, ya que en la
universidad no siempre me toca el mismo pc y en mi casa tengo el sublime bien con gurado a
mi gusto.
   -2
26
moli x
Jueves, 26 de noviembre de 2015, 00:06
@Aprendizzz : con ctrl + ?‡


 
terminal de Windows
moli Esta web utiliza cookies. Si lo deseas, puedes

Jueves, 26 de noviembre de 2015, 00:08 leer más sobre cómo y qué datos
Alguien sabe como puedo aumentar el tamaño de los puntos del GutterColor?
27
He pensado que a lo mejor es por tema pero me gusta el que tengo xD
   +1

28
Angel
Viernes, 18 de diciembre de 2015, 00:29
Hola

alguien me podria decir el nombre de algun editor de texto con conexion a ftp??
excluyendo (sublime text,atom y brackets)
 
29
Mostafa
Domingo, 10 de enero de 2016, 22:22
Muy buena guía para este gran editor de texo .. Lo mas bueno que me gusta es El método geek.
  salu2
 
30
Antonio
Viernes, 29 de enero de 2016, 03:49
Soy un iniciado en el software. ¿Por qué cuando escribo palabras con acentos en Sublime me
  aparecen símbolos indicando que no lo reconoce el Navegador?
Y cuando tomo el mismo código y lo guardo con el Block de Notas el resultado es favorable y el
navegador si reconoce las palabras con acento.
¿Cómo soluciono ese problema?
 
31
Antonio
Sábado, 30 de enero de 2016, 13:03
@Antonio : Ya la encontré: Les comento que lo que tuve que realizar es que la primera vez que
  se guarde el código lo debo hacer con la opción: "File - Save with Encoding" y elegir la opción:
"UTF-16 LE"
De ahí en adelante cada vez que lo guarde lo guardará con ese 'Enconding'. Incluso si lo cierro y
lo vuelvo abrir ese código ya no cambia el 'Enconding'.
Muchas gracias.
 
32
x
Manz
Sábado, 30 de enero de 2016, 16:36
@Antonio : Te recomiendo utilizar la codi cación UTF-8, que es la más utilizada actualmente:
  UTF-8 trends  . 10 trucos para mejorar la
terminal de Windows
Autor
¡Saludos!
 leer más sobre cómo y qué datos

33
Diego
Martes, 26 de julio de 2016, 07:32
Necesito ayuda,tengo muchas lineas asi:

  Algo algo algo
Texto 18
Algo algo algo
Texto 18
Algo algo algo
Texto 18
y necesito que queden asi:
Algo algo algo

Texto 36
Algo algo algo
Texto 54
Algo algo algo
Texto 72
Es decir ,van de 18 en 18,habra alguna forma de reemplazarlas todas juntas de una vez para no
hacerlo una por una ?,es decir, necesito que al primer texto 18 que encuentre,lo reemplaze por
texto 36,al segundo texto 18 que encuentre lo reemplaze por texto 54 y asi
sucesivamente,gracias?.
 
34
pitux
Martes, 16 de agosto de 2016, 00:32
hola amigos empece hace unos meses a programar en html y css con sublime text 3, me
 gustaria saber como se hace o que combinacion de teclas hay para poner comentarios del
estilo---->"/* comentario */ y en html "que no me pone el ejemplo" automaticamente. muchas
cracias
 
35
Rodolfo
Viernes, 14 de abril de 2017, 16:41
Muy bueno....siempre lo uso cada vez que tengo que re instalar Sublime Text en especial los
  add-ons que trae
 
36
fransiscojavier
Jueves, 27 de abril de 2017, 17:36
son muy tontos y de preferencia metan base de datos para poder analizar en codigo de una
  forma mas tecnica
x
 
fransiscojavier 10 trucos para mejorar la

Jueves, 27 de abril de 2017, 17:44 terminal de Windows
un conbertido de texto es el que maneja C++ O eclipse Esta web utiliza cookies. Si lo deseas, puedes
  leer más sobre cómo y qué datos
 gestionamos. ¡Cuéntame  más! Cerrar
38
37
fede
Sábado, 28 de octubre de 2017, 00:19
estoy que no me decido entre Sublime/Brackets/Notepad++, los tres me parecen bastante

 buenos y en consumo de recursos andan a la par.
¿Alguien sabe si se puede crear un menu en HTML(mav>ul>li*5>a) con texto propio(o sea, no
numerado: enlace1, enlace2,...) usando Emmet? creo que con Zen Coding si se podia crear pero
ahora con Emmet no se si se podra ni como
Gracias, saludios:D
 
39
Tony
Miércoles, 6 de diciembre de 2017, 14:19
Si Sublime Text incorporara la opción "Live preview" de Brackets ya sería la hostia. @Tony :
 
Por cierto, me da error la URL de twitter y no me deja mandar el comentario. He tenido que
quitarlo. Lo añado aquí, Twitter: @tony3fk.
Saludos.
 
Publica tu opinión
Tu nombre tu@email.com https:// (o per l de Twitter)
Escribe aquí tu comentario... ¡Separa en párrafos los textos muy abundantes y revisa la previsualización
del comentario antes de enviarlo! Tu comentario puede tardar algunos segundos en aparecer después
de enviarlo.
Acepto las condiciones y políticas de privacidad.

 Enviar comentario
Suscribirme a los nuevos artículos por email.
Inicio RSS Aviso legal Contacto HTML5 CSS3
7 monos escribieron 322,03 páginas con sus máquinas de escribir en 0,03 segundos.
Imagen de cabecera: Horsehead Nebula. Usada con permiso de NOAO/NASA.
x
CMS programado y diseñado por José Román Hernández Martín.
Alojado en  DigitalOcean usando  CloudFlare.

terminal de Windows


Guía de Sublime Text - ¿El Mejor Editor de Código

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Guía de Sublime Text - ¿El Mejor Editor de Código

Cargado por

Copyright:

Formatos disponibles

15/3/2019 Guía de Sublime Text: ¿El mejor editor de código? | Emezeta.

Guía de Sublime Text: ¿El mejor

Sublime Text es un excepcional editor de textos que aporta muchas

 edición de texto en una experiencia cada vez más sencilla y agradable, a

Editor de código Sublime Text

euros aunque permite utilizarse10atrucos para mejorar la

Windows, GNU/Linux o Mac OS X (10.7+). Puedes descargarlo desde el

URL | Sublime Text 3 

Sublime Text: Pestañas

10 trucos para mejorar la

Esta web utiliza cookies. Si lo deseas, puedes

Un ejemplo de autocompletado en CSS

Sublime Text: Ayuda de sintaxis

Sublime Text: Selecciones múltiples

También puedes utilizar la combinación CTRL + K para saltarte alguna

10 trucos para mejorar la

 Acceso directo a métodos o

Sublime Text: Índice de métodos

10 trucos para mejorar la

Esta web utiliza cookies. Si lo deseas, puedes

 Acceder a una línea concreta

Sublime Text: Code folding

Sublime Text: Búsquedas

10 trucos para mejorar la

Esta web utiliza cookies. Si lo deseas, puedes

Una vez activo, podremos realizar búsquedas o reemplazos utilizando

Sublime Text: Expresiones regulares

^texto Línea que empiece por a

texto$ Línea que acabe en a

a+ Una o más «a»

a|b Carácter «a» o «b»

[^aeiou] Carácter no vocal minúscula

[a-zA-Z0-9]+ Letras o números

[0-9]{2} Cifra de 2 dígitos

[0-9]{1,3} Cifra de 1 a 3 dígitos

[0-9]A? Número que puede (o no) acabar en «A»

Expresiones regulares de agrupación (captura)

RegEx Significado Valor capturado ($1)

Nivel ([0-9]+) Textos como: Nivel 0, Nivel 1, Nivel 2... 0, 1, 2...

Lo interesante de estas últimas expresiones regulares es que los paréntesis

Puedes practicar expresiones regulares con la herramienta Regular

Sublime Text permite crear snippets: pequeño fragmentos de código que

Lo primero, nos dirigimos al menú Tools / New Snippet....

Dentro de la etiqueta content escribiremos el texto expandido. Este texto

Sublime Text: Crear snippets

Este parámetro (opcional) nos permite especi car si el snippet funcionará

Eso es todo. Con esos parámetros especi cados tendremos el snippet

Listo. Ya podemos probarlo en el editor:

10 trucos para mejorar la

Esta web utiliza cookies. Si lo deseas, puedes

Snippet de ejemplo para Sublime Text

Obviamente, estas características podemos utilizarlas para automatizar

EMMET para Sublime Text

10 trucos para mejorar la

Esta web utiliza cookies. Si lo deseas, puedes

 ¿Cómo instalar paquetes?

Con esto ya tendremos el gestor de paquetes preparado para Sublime Text 3.

Ahora, cada vez que queramos buscar un paquete en el repositorio para

Instalar paquetes automáticamente en Sublime Text

De la misma forma, pulsando CTRL + SHIFT + P y escribiendo Remove

Si lo deseas, también puedes acceder a Package Control Repository  para x

IMPORTANTE Asegúrate de instalar plugins compatibles con la versión

Editor de con guración