Sublime Text

Lecciones

Status Bar

Nos muestra: la codificación del texto. el número de espacios de un tabulador. el tipo de coloreado de sintaxis que se está aplicando. Es posible cambiar estos dos últimos valores pulsando sobre ellos.

Layouts

View → Layout (Shift + alt + nºdivisiones (1,2,3…)) Puedo arrastrar las pestañas de una subventana a otra. File → new view into file: me permite ver el mismo fichero desde dos pestañas diferentes.

Word Wrap

menu View → word wrap → Ajusta/desajusta el texto al tamaño de la ventana.

Selección múltiple

ctrl + click sobre diferentes posiciones de la pantalla. shift + alt + flechitas arriba abajo (linux)ctrl + alt + flechitas abajo (windows) selecciono una palabra: ctrl + d → Nos va seleccionando las coincidencias que va encontrando cada vez que ejecutemos este comando. Luego, para editar, puedo usar las […]

Shortcuts

ctrl + shift + cursor arriba o cursor abajo: va moviendo sucesivamente la línea hacia arriba o hacia abajo shift + alt + cursor arriba o cursor abajo: va haciendo selección múltiple ctrl + f: busca una palabra en el texto. ctrl + shift + f: busca un texto entre […]

Snippets de html

En un documento html: html + tab → Inserta el código estructural de una página. img + tab → Inserta el código de una imágen. a + tab → <a href=”#”></a>(primero me situa el cursor en el href y luego, pulsando tab, en el texto visible). lorem + tab → Nos pone un párrafo […]

Proyectos

Creación de un nuevo proyecto Proyect → Close Proyect.Proyect → Add Folder to ProyectProyect → Save Proyect as. Crea un nuevo proyecto representado por un fichero entre los packages de sublime text. Luego, debemos añadir carpetas a dicho proyecto o crearlas nuevas. Dichas carpetas, no tienen porqué estar en la […]

Goto Anything (ctrl + p)

Cuando estoy escribiendo el nombre del fichero, o cuando ya tengo seleccionado un fichero concreto, puedo: index.html#<head> Busca el inicio de la etiqueta head dentro de index.html#<head> Busca el inicio de la etiqueta head dentro del fichero activo. index.html:70 Buscaría la línea 70 dentro de index.html :70 Busca la línea 70 dentro del fichero […]

Package Control

Una vez instalado: ctrl + shift + p → packages → para ver las opciones disponibles ctrl + shift + p → install → install packages ctrl + shift + p → list → para ver los plugins instalados ctrl + shift + p → remove → para desinstalar plugins instalados

Plugins

Tras instalar el package control, podremos instalar plugins AutoFileName: autocompleta rutas. Readme please: permite acceder rápidamente a los ficheros readme please del paquete instalado. Brackets highlighter: resalta apertura y cierre de llaves, corchetes, paréntesis, etc. Precisa reiniciar Sublime Text. Color Picker: muestro la rueda de colores del sistema operativo pulsando […]

Nettuts+ Fetch plugin

Descarga la última versión de una librería. Viene por defecto con la librería de Jquery y la html5 boiler plate. Para usarlo: ctrl +shift+ p → fetch. ctrl + shift + p + fetch manage → Plugin PlainTasks Me permite crear archivos de extensión .TODO para llevar un control de […]

Sublime → preferences → settings

Configuración del comportamiento del editor. Existen dos grupos principales (default & User). Los cambios siempre los debemos guardar en user, ya que esa es una carpeta que no la toca nadie, pero default, cambia con cada nueva versión. Cambiar las preferencias del sistema

Configurar atajo

Tools → Build System → New Build System Podré acceder a estos códigos usando:Preferences → Browse Packages → User

Key Bindings

Preferences – Key Bindings – User Atajos del teclado. Los guardamos siempre en User. Los siguientes códigos permiten utilizar zen codding en JSX y cambiar el wrap al pulsar ctrl+z

Aviso Legal | Política de privacidad