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
OS X WIndows Comando
⌘ + ⌥ + 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
OS X WIndows Comando
⌘ + ⌥ + ⇑ + 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
OS X Windows Comando
⌘ + 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
OS X Windows Comando
⌘ + ⌥ + 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
OS X Windows Comando
⌘ + ⌥ + 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
OS X Windows/Linux Comando
⌘ + ⇑ + 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
OS X Windows/Linux Comando
⌥ + 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
OS X Windows/Linux Comando
⌘ + ⌃ + 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
OS X Windows/Linux Comando
⌘ + ⇑ + ↵ 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.

Apuntes: SublimeText 3

  • 1.
  • 2.
    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.
  • 3.
    Sublime Text 3 ●Es una herramienta multiplataforma ● Su documentación es abundante y cuenta con una amplia comunidad a su alrededor
  • 4.
    Sublime Text 3 InstalarSublime Text en una Mac
  • 5.
    Sublime Text 3 ●Entra a la página sublimetext.com ● Baja el paquete ● Instalalo y listo :)
  • 6.
    Sublime Text 3 InstalarSublime Text en Windows
  • 7.
    Sublime Text 3 ●Entra a la página sublimetext.com ● Baja el paquete ● Instalalo y listo :)
  • 8.
    Sublime Text 3 Lainterface de Sublime Text
  • 9.
    Sublime Text 3 ●Sublime Text tiene una interface muy austera, pero que le permitirá editar perfectamente su código.
  • 10.
    Sublime Text 3 Navegarentre archivos
  • 11.
    WIndows OS XComando [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
  • 12.
    WIndows OS XComando [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
  • 13.
  • 14.
    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
  • 15.
    OS X WIndowsComando ⌘ + ] [tab] Ctrl + ] [tab] Identar ⌘ + [ [shift]+[tab] Ctrl + [ [shift]+[tab] Desidentar
  • 16.
    Sublime Text Trabajar convarios archivos simultáneos
  • 17.
    OS X WIndowsComando ⌘ + ⌥ + 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
  • 18.
    OS X WIndowsComando ⌘ + ⌥ + ⇑ + 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
  • 19.
  • 20.
    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.
  • 21.
    OS X WindowsComando ⌘ + P Ctrl + P Ir a ⌘ + ⌃ + P Ctrl + Win + P Ir al proyecto
  • 22.
    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.
  • 23.
  • 24.
    Sublime Text 3 ●Buscar ● Búsqueda incremental ● Buscar y reemplazar ● Búsqueda rápida ● Búsqueda en una selección ● Búsqueda en archivos
  • 25.
    OS X WindowsComando ⌘ + 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
  • 26.
    OS X WindowsComando ⌘ + ⌥ + 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
  • 27.
    OS X WindowsComando ⌘ + ⌥ + 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
  • 28.
  • 29.
    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
  • 30.
    OS X Windows/LinuxComando ⌘ + 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
  • 31.
    OS X Windows/LinuxComando ⌘ + ⇑ + 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
  • 32.
    OS X Windows/LinuxComando ⌥ + 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
  • 33.
    Sublime Text Transponer ymanejar las líneas
  • 34.
    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
  • 35.
    OS X Windows/LinuxComando ⌘ + ⌃ + 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
  • 36.
    OS X Windows/LinuxComando ⌘ + ⇑ + ↵ 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
  • 37.
  • 38.
    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)
  • 39.
  • 40.
    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)
  • 41.
  • 42.
    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
  • 43.
    Sublime Text 3 ●Por medio del ratón: ○ Cmd + click (Mac) ○ Ctrl + click (Windows / Linux)
  • 44.
    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
  • 45.
    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)
  • 46.
  • 47.
    Sublime Text 3 ●Los “snippets” son trozos de código que podemos llamar desde la función de autocompletar.