Apuntes: SublimeText 3

Sublime Text 3

Introducción

Sublime Text 3

● Sublime 3 es un editor de código con costo de $70 dlls, pero lo puedes evaluar completamente y en forma indefinida.

● No cuenta con ftp o debuggers, como otras herramientas, pero es muy potente en la edición del código.

Sublime Text 3

● Es una herramienta multiplataforma● Su documentación es abundante y cuenta con una

amplia comunidad a su alrededor

Sublime Text 3

Instalar Sublime Text en una Mac

Sublime Text 3

● Entra a la página sublimetext.com● Baja el paquete● Instalalo y listo :)

Sublime Text 3

Instalar Sublime Text en Windows

Sublime Text 3

● Entra a la página sublimetext.com● Baja el paquete● Instalalo y listo :)

Sublime Text 3

La interface de Sublime Text

Sublime Text 3

● Sublime Text tiene una interface muy austera, pero que le permitirá editar perfectamente su código.

Sublime Text 3

Navegar entre archivos

WIndows OS X Comando

[Ctrl+P] [Cmd]+[P] aparece la lista de archivos abiertos

[Ctrl]+[w] [Cmd]+[w] cerrar el archivo seleccionado

[Ctrl+Shift+T] [Shift+cmd+T] vuelve a abrir el archivo recientemente cerrado

WIndows OS X Comando

[Alt]+[0..1] [Cmd]+[0..1] selecciona la pestaña del archivo

[Ctrl]+[Page Up]

y

[Ctrl]+[Page Down]

[Option]+[Command]+[Left/Right Arrow]

navegamos entre pestañas

Sublime Text

Edición básica

Sublime Text 3

● Cuenta con notación coloreada● Funcionalidad de auto-complete● Auto-identación● Identificación de la etiqueta de cierre o de la llave de

cierre● [Ctrl]+[m] para navegar entre paréntesis o llaves

OS X WIndows Comando

⌘ + ]

[tab]

Ctrl + ]

[tab]

Identar

⌘ + [

[shift]+[tab]

Ctrl + [

[shift]+[tab]

Desidentar

Sublime Text

Trabajar con varios archivos simultáneos


⌘ + ⌥ + 1 Alt + Shift + 1 Una sóla columna

⌘ + ⌥ + 2 Alt + Shift + 2 Dos columnas

⌘ + ⌥ + 3 Alt + Shift + 3 Tres columnas

⌘ + ⌥ + 4 Alt + Shift + 4 Cuatro columnas


⌘ + ⌥ + ⇑ + 2 Alt + Shift + 8 Dos filas

⌘ + ⌥ + ⇑ + 3 Alt + Shift + 9 Tres filas

⌘ + ⌥ + 5 Alt + Shift + 5 Grid (4 grupos: 2 filas por 2 columnas)

⌘+[1,2,3,...] Ctrl+[1,2,3,...] Seleccionar pestañas

Sublime Text

Manejo de proyectos

Sublime Text 3

● Podemos arrastrar una carpeta para convertirla en un proyecto.

● Los proyectos solo son persistentes cuando los guardamos.

● Los proyectos se administran en la opción del menú correspondiente.

OS X Windows Comando

⌘ + P Ctrl + P Ir a

⌘ + ⌃ + P Ctrl + Win + P Ir al proyecto

Sublime Text 3

● Al guardar el proyecto, se generan dos archivos:○ El del proyecto, con información del mismo○ El del workspace, con los archivos que quedaron

abiertos y su ubicación en las pestañas.

Sublime Text

Buscar y remplazar

Sublime Text 3

● Buscar● Búsqueda incremental● Buscar y reemplazar● Búsqueda rápida● Búsqueda en una selección● Búsqueda en archivos


⌘ + F Ctrl+F Find / Buscar

⌘ + G F3 Find Next / Búsqueda siguiente

⌘ + ⇑ + G Shift+F3 Find previous / Búsqueda previa

⌘+i Ctrl+i Incremental Find / Búsqueda incremental


⌘ + ⌥ + F Ctrl+H Replace / Remplazar

⌘ + ⌥ + E Ctrl+Shift+H Replace Next / Remplazar siguiente

⌘ + E Ctrl+E Use selection for find / Utilizar selección para buscar

⌘+⇑+E Ctrl+Shift+E Use selection for replace/ Utilizar selección para remplazar


⌘ + ⌥ + G Ctrl+F3 Quick Find / Búsqueda rápida

⌘ + ⌃ + G Alt+F3 Quick Find All / Búsqueda rápida total

⌘ + D Ctrl+D Quick Add Next / Añadir a la próxima búsqueda

Ctrl+K, Ctrl+D Quick Skip Next / Saltar a la próxima búsqueda

Sublime Text

Seleccionar

Sublime Text 3

● Podemos seleccionar:○ Por palabra○ Por línea○ Por párrafo○ Por etiqueta○ Por paréntesis○ Por sangría○ Por alcance o scope

OS X Windows/Linux Comando

⌘ + L Ctrl + L Seleccionar la línea (repite la selección en las líneas siguientes)

⌘ + D Ctrl + D Selecciona la palabra (repite la selección permitiendo edición múltiple)

⌃ + ⇑ + M Ctrl + Shift + M Seleccionar contenido del actual paréntesis


⌘ + ⇑ + A Ctrl + Shift + A Seleccionar contenido del etiqueta paréntesis

⌘ + ⇑ + J Ctrl + Shift + J Seleccionar contenido por sangrìa

⌘ + ⇑ + Barra espaciadora

Ctrl + Shift + Barra espaciadora

Seleccionar contenido por alcance


⌥ + flecha derecha Alt + flecha derecha Avanza una palabra sin seleccionarla

⌥ + flecha izquierda

Alt + flecha izquierda Retrocede una palabra sin seleccionarla

⌥ + ⇑ + flecha derecha

Alt + shift + flecha derecha

Selecciona una palabra hacia adelante

⌥ + ⇑ + flecha izquierda

Alt + shift + flecha izquierda

Selecciona una palabra hacia atrás

Sublime Text

Transponer y manejar las líneas

Sublime Text 3

● Para controlar las líneas:○ Mover las líneas arriba y abajo○ Duplicar la línea○ Eliminar la línea○ Insertar antes y después

● Transponer caracteres


⌘ + ⌃ + flecha arriba Ctrl + Shift + flecha arriba Mueve la línea actual arriba

⌘ + ⌃ + flecha abajo

Ctrl + Shift + flecha abajo Mueve la línea actual abajo

⌘ + ⇑ + D Ctrl + Shift + D Duplicar líneas

⌃ + ⇑ + K Ctrl + Shift + K Eliminar la línea


⌘ + ⇑ + ↵ Ctrl + Shift + ↵ Insertar línea antes de la actual

⌘ + ↵ Ctrl + ↵ Insertar línea después de la actual

⌘ + J Ctrl + J Unir líneas

⌃ + T Ctrl + T Transponer caracter

Sublime Text

Goto Anything

Sublime Text 3

● Goto Anything es uno de los comandos más completos de Sublime Text. Ctrl+P:○ Por carpeta○ # Búsqueda parcial○ Búsqueda combinada○ : no de línea○ @ Funciones y clases (símbolos)

Sublime Text

La paleta de comandos

Sublime Text 3

● Con la paleta de comandos tenemos a todos los comandos disponibles según el contexto.

● La activamos con:○ ⌘ + ⇑ + P (Mac) ○ Ctrl + Shift + P (Windows / Linux)

Sublime Text

Selectores múltiples

Sublime Text 3

● Hay tres maneras de hacer selectores múltiples:○ Por medio de los atajos○ Por medio del ratón○ Por medio de selección y dividir por líneas

Sublime Text 3

● Por medio del ratón:○ Cmd + click (Mac)○ Ctrl + click (Windows / Linux)

Sublime Text 3

● Por medio del atajo:○ Ctrl + shift + flecha arriba o flecha abajo (Mac)○ Ctrl + shift + flecha arriba o flecha abajo (Windows /

Linux)

Nota: hay que modificar la configuración en Mac

Sublime Text 3

● Por medio de una selección:

Se selecciona en conjunto las líneas y se separan con:

● Cmd + shift + L (Mac)● Ctrl + shift + L (Windows / Linux)

Sublime Text

Snippets

Sublime Text 3

● Los “snippets” son trozos de código que podemos llamar desde la función de autocompletar.

Internet

Apuntes: SublimeText 3