• Author / Uploaded
• Luis Reyes

• Categories
• HTML
• Entorno de desarrollo integrado
• Script Java
• Hojas de estilo en cascada
• Red mundial

Citation preview

12/8/2015

Tips y Trucos para Sublime Text

Editores de Código

   Buscar aquí....

Los mejores editores de código y texto gratuitos en un sólo portal. Información y novedades.

INICIO

SUBLIME

EDITORES ONLINE

BRACKETS

IDE'S

Estás en: Inicio » Sublime Text

Editores de Código Seguir

Tips y Trucos para Sublime Text

+ 39

Editores de Código

Tal vez muy pocos ya conozcan esta web que se dedica a hablar sobre editores de texto, código, en fin.

212 likes

Hoy queremos presentar algunos trucos o atajos de teclados para Sublime text, sabemos que:

“

+1

"estos y muchos otros trucos" los podrás encontrar en cantidad por la web, en foros, vídeos, etc... Like Page

Share

La intención es precisar lo necesario, de manera ordenada y Be the first of your friends to like this

ejemplificada gráficamente.

Para "algunos" Sublime text les puede parecer un editor de código muy simple, pero posee un montón de características ocultas. Después de explorarlo por un tiempo, puede que te sorprenda que este

CATEGORIAS Brackets

editor haga un buen número de cosas interesantes.

IDE

¿Atajos de Teclado para Sublime Text? Vamos a adentrarnos un pelín más y dejaremos por aquí sólo algunos de los consejos, trucos, tips (llámalos como te parezca mejor) o atajos de teclado para Sublime Text que creemos que te puedan ayudar a la hora de "codear" o diseñar en tu lenguaje favorito. Empezaremos por los más básicos así

Editores online

Notepad++

PhpStorm

html5

PHP

Python

Sublime Text

Wordpress

Tweets Editores de Código  @editores_codigo

que puedes saltarte ;)

Follow 31 Jan

Repl.it Intérprete para Python, Ruby, #javascript  y +16 lenguajes. Recomendado para practicar  código vía web ►  editoresdecodigo.com/2015/01/replit…

Selección

Expand

Como desarrolladores web, muy a menudo tenemos que editar-modificar código. A continuación se presentan algunos atajos de teclado útiles que permiten hacer diferentes tipos de selecciones en SublimeText. Ctrl

+

D

Seleccionar palabra(s)

Ctrl

+

L

Seleccionar línea(s)

Ctrl

+

A

Seleccionar todo el contenido dentro del documento

Ctrl

+

Shift

+

M

Seleccione todo dentro de las llaves ({ } cuando se trabaja con CSS o JavaScript)

Ctrl

Mantener la tecla

Editores de Código  @editores_codigo

Lista de Plugins #Wordpress para instalar en  #sublimetext 2 ó 3 y agilizar desarrollo  ►bit.ly/plugin­wp­subl…  pic.twitter.com/3Loq7inpFr

Expand Editores de Código  @editores_codigo

Ctrl

y hacer clic en la(s) línea(s) a

seleccionar. Estos atajos básicos de Sublime Text nos permite seleccionar varias líneas a la vez, lo que puede

15 Sep

12 Aug

Plugins o Extensiones para #SublimeText  Editor. Vía: bit.ly/extensiones­su… …  pic.twitter.com/P6vzghib9d

Tweet to @editores_codigo

aumentar significativamente nuestra productividad. Bien, veamos cómo funciona la selección múltiple (de palabras) a continuación:

LOS MÁS VISTOS Tips y Trucos para Sublime Text Tal vez muy pocos ya conozcan esta web que se dedica a...

http://www.editoresdecodigo.com/2014/10/tips-trucos-para-sublime-text.html

1/4

12/8/2015

Tips y Trucos para Sublime Text

8 Plugins para Sublime Text 2 y 3 Sublime Text es el nombre del editor de código que ya...

Descargar PhpStorm Full IDE de programación web PhpStorm es un IDE de programación desarrollado...

Ordenar CSS

RECOMENDADO

Por lo general, no nos importa cómo se ordenan las propiedades CSS, ya que CSS nos dará la salida deseada en el navegador sin importar su posición. Sin embargo ponerlos en un orden particular hará

6 Editores de Código Online

nuestros códigos más organizados. En Sublime Text, puedes seleccionar las propiedades CSS y pulsar

Una lista de editores para trabajar con HTML, CSS y Javascript en Tiempo Real desde cualquier navegador web

F9 para ordenarlas por orden alfabético.

Ver más

ARCHIVOS Archivos

Paleta de Comandos Se puede hacer muchas cosas con la paleta de comandos tales como convertir a mayúsculas un fragmento de texto, establecer la sintaxis de archivo, la inserción de fragmentos (snippet). Para mostrar la paleta de comandos en SublimeText, presiona

Ctrl

+

Shift

+

P.

He aquí algunos

ejemplos. Establecer sintaxis de archivo a HTML

Insertar fragmento de Código

http://www.editoresdecodigo.com/2014/10/tips-trucos-para-sublime-text.html

2/4

12/8/2015

Tips y Trucos para Sublime Text

Cambio entre pestañas Ctrl

+

Presionar sólo una vez para volver a la pestaña anterior de

Shift

trabajo. Ctrl

+

Presionar varias veces para pasar por cada una de las

Shift

pestañas abiertas. Ctrl

+

Buscar un archivo y abrirlo en una pestaña nueva.

P

Editar partes de múltiples archivos Esta función también será muy útil cuando estamos trabajando con varios archivos. Por ejemplo, tenemos varios bloques de código que son muy similares y se extendió a través de diferentes archivos en el proyecto. Para cambiar estos códigos de forma eficiente, se puede: Presionar

Ctrol + Shift

+

F.

Colocar las palabras, frase, o línea de código que se desea

cambiar en el campo "Find". Indicar los nombres de los archivos en el campo "Where" o escribir de modo que sólo afectará a los archivos que están actualmente abiertos. Pon la palabra o código nuevo en el campo "Replace" y pulsa en el botón

Replace .

Búsqueda rápida de selectores Esta características es sencillamente fabulosa cuando estás editando CSS. Con

Comando

+

R

aparecerá

un diálogo con una lista de selectores CSS en el documento, como se apreciará en la siguiente imagen. Puedes buscar y seleccionar los selectores a los que quieres llegar rápidamente. Esto es mucho mejor que hacerlo con un simple

Ctrl

+

F

(la habitual forma de búsqueda) cuando se

trata de código CSS.

Recomendación básica: http://www.editoresdecodigo.com/2014/10/tips-trucos-para-sublime-text.html

3/4

12/8/2015

“

Tips y Trucos para Sublime Text

Recomendación básica:

Seguido del arroba, colocar "." ó "#" para identificar de inmediato los selectores que hemos creado.

Clickable URL ClickableURL es un pequeño plugin de Sublime Text que resulta útil cuando en nuestro código hay gran variedad de direcciones url (rutas de imágenes externas, webs de referencia, etc). Básicamente hará que se pueda hacer click en las url. ¿Conocías estos truquillos o qué otros podrías añadir? Tweet

10

8

Like

Share

32

POSTS RELACIONADOS : 10 Plugin Wordpress para Sublime Text 2 8 Plugins para Sublime Text 2 y 3 ¿Qué es Sublime Text y Cómo instalarlo en Linux?

0 Comments

1 

Editores de código

⤤ Share

  Recommend

 Login

Sort by Best

Start the discussion…

Be the first to comment.

WHAT'S THIS?

ALSO ON EDITORES DE CÓDIGO

10 Increíbles demostraciones hechas en CSS y JS con Codepen

Brackets 1.0 por fin disponible. Conoce las novedades

2 comments • 10 months ago

1 comment • 9 months ago

nitrowitty — muy bueno

Juan Jair — Como se usan las expresiones

regulares en Brackets?

✉

Subscribe

d

Entrada más reciente

Add Disqus to your site

ὑ

Privacy

Página principal

Entrada antigua

© COPYRIGHT 2014 EDITORES DE CÓDIGO - ALL RIGHTS RESERVED - POWERED BY BLOGGER.COM



http://www.editoresdecodigo.com/2014/10/tips-trucos-para-sublime-text.html

4/4