Trucos para Sublime Text - Editor de texto para programadores. GRATIS

Trucos para Sublime Text - Editor de texto para programadores. GRATIS

 

Buenos días compañeros programadores, saludo así porque está entrada va dirigida precisamente a este gremio. A programadores, ya sea en PHP, Java, C, Python...

Sí no eres programador también puede que te interese, tal vez estás iniciándote en el mundo de la programación, la maquetación o simplemente eres alguien que de vez en cuando modifica algo de su plantilla de wordpress o diseña y para ello necesita un editor de texto / IDE avanzado. Aquí te hablaré de Sublime Text, para mí el mejor editor de texto avanzado, con algunos plugins puede convertirse en tu IDE ideal, (IDE) en inglés Integrated Development Environment (ambiente de desarrollo integrado o entorno de desarrollo interactivo).

 

 

Sublime Text 2 - 3. Para mí el mejor editor para programadores. Rápido, potente y GRATIS

 

Sé que esto es muy friki, pero es que me encanta. Os dejo mi lista de plugin para Sublime Text 3 y mi configuración personalizada

 

Preferences > Setting - User

 

{
"always_show_minimap_viewport": true,
"bold_folder_labels": true,
"font_size": 12,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"indent_guide_options":
[
"draw_normal",
"draw_active"
],
"line_padding_bottom": 3,
"line_padding_top": 3,
"overlay_scroll_bars": "enabled",
"trim_trailing_white_space_on_save": true,
"word_wrap": true
}

 

Ahora te dejo mis atajos personalizados, para que ahorres tiempo:

Preferences > Key Bindings - User.

 

[
{ "keys": ["ctrl+7"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+shift+7"], "command": "toggle_comment", "args": { "block": true } },
{ "keys": ["f12"], "command": "reindent"}
]

 

Pulsando CTRL + 7 comentarás la línea actual.

Con CTRL + SHIFT + 7 comentarás todo el texto seleccionado.

Pulsando F12 formatearás todo el texto o el seleccionado.

 

Ahora una lista con los paquetes imprescindibles para que tu Sublime Text sea el IDE perfecto, liviano y eficiente. Sobre todo si eres programador web como yo y no necesitas un IDE como tal.

 

  • BracketHighlighter
  • Highlight
  • Highlighter
  • Smart Delete
  • SublimeCodeIntel
  • Sublime Linter
  • Sublime Linter PHP
  • Sublimerge 3
  • SummitLinter
  • Minifier
  • Emmet

 

Lo primero que hay que hacer para instalar los plugins anteriores, es instalar el "Package Control" 

Vamos a View > Show Console. Y pegamos el siguiente texto:

import urllib.request,os,hashlib;
h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88';
pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
by = urllib.request.urlopen( 'https://packagecontrol.io/' + pf.replace(' ', '%20')).read();
dh = hashlib.sha256(by).hexdigest();
print('Error validating download (got %s instead of %s),
please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

 

A continuación reiniciaremos Slublime Text, aunque en la mayoría de casos no hace falta. Y pulsamos ctrl + shift + p. Y escribimos install hasta que aparezca "Package Control: Install Package" y pulsamos intro, entonces tan solo tendremos que escribir las iniciales del nombre del plugin que queramos instalar e intro.

Para configurar Sublime Linter PHP simplemente hay que añadir las siguientes líneas al fichero de configuración del usuario, Preferences > Package Settings > SublimeLinter > Settings - User.

{
"extensions":
["php"]
}

Ahora os hablaré de las expresiones regulares de Sublime Text.

 

Ahora os voy a hacer un poco de las expresiones regulares de Sublime Text, primero vamos a activarlas activar las expresiones regulares, bien pinchando en el icono de la imagen de abajo o bien con la siguiente combinación de teclas: ⌥ + ⌘ + R (Mac), Alt + R (Windows/Linux).

Buscar en Sublime Text

Buscar sin discriminar contenido

(.*)

Busca cualquier cosa, es decir, que si sólo escribes (.*) te seleccionará el documento entero, pero no se trata de eso, se trata de combinarlo el código, por ejemplo: <td(.*) buscaría todo aquello que empezara por <td(.*) y seleccionaría todo el contenido que le siga en esa línea de código.

Patrones en Sublime Text

Buscar patrones de letras y números

([a-zA-Z0-9#])

Busca cualquier carácter entre el 0 y el 9 y entre la A y la Z, incluyendo mayúsculas y minúsculas y también las almohadillas (#).

([a-zA-Z0-9#])+

Busca cualquier conjunto que combine números, letras o almohadillas. CONJUNTO (gracias al + que significa que ese carácter inicial va seguido de uno o más iguales), con lo que tendremos desde palabras completas a colores en hexadecimal (#7fffd4).

Imagen explicativa del patrón de búsqueda a-z 0-9

Fijaos en el término de búsqueda, para que funcionara ha sido necesario escapar el signo de interrogación en la url.

Buscar sólo colores hexadecimales

(#([a-f0-9]{6}|[a-f0-9]{3}))

La búsqueda sólo devolverá valores hexadecimales (#7fffd4, #fff).

Patrones Sublime Text

Observad que selecciona los colores precedidos de almohadilla e ignora los que no la llevan.

Buscar con tildes y eñes

([a-záéíóúñA-ZÁÉÍÓÚÑ0-9])+

Aquí variamos el patrón de búsqueda para el español, de manera que no ignore las tildes y la ñ.

Expresiones regulares

Queda clara la diferencia entre la selección de cada tipo de patrón.

 

Otros

Si a un patrón le queremos añadir espacios para que reconozca más allá de la primera palabra, basta con dejar un espacio en blanco tras el 9: ([a-zA-Z0-9 ])+

O, como hemos visto con el patrón español, sumarle toda clase de símbolos que necesitemos: ([a-zA-Z0-9¿?¿¡!.;])+

Como habréis observado el único truco está en emplear los patrones habituales de las expresiones regulares englobándolos con paréntesis, pues es la forma en que Sublime Text y otros editores de código por el estilo lo interpretan. Habéis leído bien, no es una utilidad exclusiva de este programa, pero como es de los más comunes, he preferido hacerlo sobre esta base.

 

Remplazar el código buscado manteniendo intacta la expresión regular

Ahora toca la siguiente parte del desafío. Una vez tenemos seleccionado lo que queremos remplazar, se nos puede plantear el caso de tener que quitar o modificar la parte estática de la búsqueda, pero respetar la variable (que sería la del patrón que estuviéramos empleando). Entonces, usaremos:

$1

Donde antes escribíamos la expresión regular, ahora insertamos $1. Si os da muchos problemas el remplazo, poned la expresión regular dentro de otro paréntesis: (([a-zA-Z0-9/_?=.":])+) como en la imagen que sigue. Y, por supuesto, si tenemos más de una expresión regular en el campo de búsqueda, iremos sustituyéndolas por $2, $3, $4… representando el orden de aparición.

Expresiones regulares de Sublime Text

Ahora bien, si lo único que queremos es añadir algo por delante o al final de todas esas variables, podemos simplemente recurrir a emplear:

$&

Tiramos de comodín para mantener TODA la cadena de datos búsqueda intacta y añadimos el nuevo trozo de código delante o detrás.

Reemplazar con Sublime Text

 

Pruebas estas expresiones regulares con este tester online -> www.regextester.com

Espero que te haya gustado y te sirva tanto como me ha servido a mí.

 

No te pierdas las mejores Herramientas para Desarrollo Web Marketing y Social Media.

 

No olvides que puedes descargar Sublime Text desde su web. Saludos PROGRAMADORES!