navegar entre pestañas del sublime text

Hoy veremos como cambiar de pestaña de forma rápida, te preguntaras y para que me sirve esto, bueno si eres novato aun tal vez no te importe seleccionar tus pestañas con el mouse, pero cuando ya tengas un proyecto de envergadura galácticas tendrás que trabajas con muchas pestañas y ocurre que hay veces donde tendrás que tener abierto unas diez o veinte pestañas y ahí es donde radica el problema imagínate tener que buscar la pestaña con el  mouse "total perdida de tiempo" entonces es mejor conocer atajos para facilitar el trabajo y reducir el tiempo..... esto se catalizara también en menos strees.

En esta guía te voy enseñar dos pasos así que atento, cualquier duda dejas algún comentario.

PASO I

Con este atajo pasaremos de una pestaña a otra y para logra eso debemos presionar las teclas 

Ctrl + Tab

 

PASO II

Para poder regresar o pasar por varias pestañas debes seleccionar  las siguientes teclas varias veces:

Ctrl + Tab + varias veces

 

Eso es todo espero les aya servido este pequeña guía, si tienen alguna duda pueden escribir en la caja de comentarios.

Read More

Ordenar - alinear css en sublime text

Hoy veremos como ordenar o alinear las lineas de código de  nuestro archivo css. Solemos programar sin importarnos este tipo de detalles, pero es de suma importancia tener un orden y legibilidad para que otros programadores puedan entender nuestro código, sobre todo si estamos trabajando e una empresa desarrolladora de software habrá mas de un colega o supervisor que necesitara revisar nuestros avances y sino tenemos la cultura de escribir un código ordenado tendremos muchos problemas, sin mas que decir empezamos con este pequeño tutorial.

Como ordenar - alinear css en sublime text

Empezaremos por ver como ordenar nuestro código, la idea de este ejercicio es que ordenemos el código de orden alfabético como te muestro a continuación.

Primero debemos seleccionar un pedazo del código y luego presionar F9 esto hará que toda la parte seleccionada se ordene de forma alfabéticamente.

Ahora veremos como alinear nuestro código css. para este ejemplo trataremos de alinear el código hacia la derecha o hacia la izquierda dependiendo a donde nosotros necesitemos mover las lineas de nuestro código.

Para alinear a la derecha debemos seleccionar la parte de código a mover y luego presionamos la tecla tabulador.

Para Alinear a a izquierda debemos seleccionar la parte de código a mover y luego la tecla Shift + tabulador

                      

Con esto tendremos mejor ordenado nuestro código, hasta aquí acabamos esta pequeña guía si necesitas saber mas formas de como alinear tu código te recomiendo que revises el siguiente enlace.

como organizar (alinear) codigo en sublime text

Read More

Seleccionar varias lineas en sublime text

Hola amigos hoy veremos como trabajar con las selecciones en sublime text, deben poner un poco de atención al tutorial, pero antes de empezar si estas en esta guía sol me queda felicitarte hay muchas personas que usan distintos tipos de IDE para programar, en este caso a mi me gusta usar sublime text por varias razones que no voy explicar aquí, el detalle es que solo es cuestión de configurar algunas cosas para que sea mas cómodo y nos ahorre tiempo, sin mas que decir empezamos con esta guía.

  Seleccionar lineas en sublime text

Como programadores 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)

Seleccionar palabra

Ctrl + L

Seleccionar línea(s)

Seleccionar linea

Ctrl + A

Seleccionar todo el contenido dentro del documento

Seleccionar todo el contenido

Ctrl + Shift + M

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

Seleccionar contenido dentro de las llaves 

Estos han sido alguno de los trucos para seleccionar en sublime text espero les haya servido de algo, hasta la próxima amigos.

Read More

como organizar (alinear) codigo en sublime text

Bien muchas veces los programadores tienden a copiar código y pegar dentro de sublime, pero en esas ocasiones que al pegar se ve todo desordenado y no sabes como ordenarlo, porque simplemente te da flojera estar ordenando linea por linea, o en el peor de los caso si tienes la voluntad de alinear, pero son demasiadas lineas de código, que te tomaría un buen tiempo y veas por donde lo veas es perdida de tiempo.

Nos hacemos la pregunta entonces Como alinear u organizar código en sublime?

Bien la respuesta es fácil existe dos formas, vamos por la primera.

OPCIÓN 1

seleccionamos todo el código desordenado que queremos alinear al lugar deseado, luego en la pestaña "Edit---Line" ahí vemos varias opciones, les explico

Indent ---- alinea a la izquierda

unindent --- alinea a la derecha

OPCIÓN 2

desde el paquete de instalación instalamos Alignment

Read More

Get y Set automáticos en sublime text

Hola de nuevo, hoy aprenderemos como crear get y set automáticos de nuestras clases en sublime text.

hace una semanas escuche que muchos programadores novatos usan netbeans para trabajar con php. Y otros lenguajes, porque dicen que no se puede crear get y set automáticos como lo hace el ide de netbeans, y que sublime es muy complicado, pues déjame decirte que sublime no es complicado, es mas bien para programadores un poco mas expertos a diferencia de los ide que te dan todo, aclarado todo esto vamos manos a la obra.

Abrimos sublime y vamos y nos vamos a la pestaña en Tools -- New Snippet
se nos abrirá una nueva venta con un código, como muestra la siguiente imagen.

Entonces reemplazamos ese código por el siguiente código que les daré y lo guardamos con el nombre  getSet sin extensión.

CÓDIGO:

<snippet>
    <content><![CDATA[public function get${1/(.*)/\u$1/}()
{
    return \$this->${1:$SELECTION};
}

public function set${1/(.*)/\u$1/}(\$$1)
{
    \$this->$1 = \$$1;
    return \$this;
}
]]></content>
    <!-- Optional: Tab trigger to activate the snippet -->
    <tabTrigger>getset</tabTrigger>
    <!-- Optional: Scope the tab trigger will be active in -->
    <scope>source.php</scope>
    <!-- Optional: Description to show in the menu -->
    <description>Create getter and setter methods</description>
</snippet>

Ahora es momento de probar nuestra snippet.

tenemos que tener un nuevo documento con extensión php y tener definidos nuestros atributos, entonces escribimos getset + tabulador, luego escribiremos cada uno de los atributos y creara automáticamente los gets sets como muestra la siguiente imagen.

y eso es todo amigos, si tienen algún problema pueden escribirme o dejarme un comentario y tratare de ayudarles de las formas breve posible. Suerte.

Read More

Como instalar plugin en sublime text

Bien hoy aprenderemos como instalar algunos plugin necesarios para nuestra aplicación sublime text, primero debieron instalar el package control como se indica en nuestra publicación anterior.
como package Control en sublime text.
Bien una ves instalada el package control, debemos hacer lo siguiente en nuestro sublime text debemos dirigirnos a la pestaña preferences--> package control, luego nos saldra una ventana nos desplazamos hasta install package como muestra la siguiente imagen.

Ahora debemos hacernos un par depreguntas ¿ Para que voy utilizar Sublime? y ¿que plugins debo instalar en sublime text?

Dándonos una idea de la primera pregunta, muchos querrán sublime para programar en php por ejemplo, otros en javascript, otros en html etc, entonces a la ves respondiendo la segunda pregunta les recomendare algunos plugins y paquetes segun varias necesidades.

Empecemos con los que quieren usarlo para HTML:


. EMMET seleccionamos el primero, emmet nos servirá para auto completar muchas lineas de codigo y no escribir de cero, es el caso mde hacer una estructura en html, como ejemplo después de descargar emmet crea un nuevo archivo, guárdalo con extensión html, luego escribes esto "HTML:5" sin las comillas y presionas tabular debería lanzarte la estructura de hmlt5

Ahora para php

.PHP Syntax Checker  Esta nos permitirá darnos una idea cuando nos olvidemos alguna coma o cualquier problema de sintaxis  en php

Ahora recomiendo otra que deberías de instalar:

Sublime Linter

Sublime CodeIntel

ALIGNMENT

Con esto ya tendrás una instalación de sublime decente

Read More

Como Instalar Sublime Text + package control

Hola a todos hoy explicaremos como instalar sublime text mas el package control, esta guía es super básica es para las personas que se están iniciando en programación o simplemente tenga curiosidad.

Que es Sublime Text

Sublime Text es un editor de texto que permite ahorrar mucho tiempo a la hora de desarrollar aplicaciones que usan mucho código, tal como html, css, javascript, php, jquery, etc etc.

Primero tenemos que ir a la pagina oficial de sublime text, en mi caso descargare la version 2, si bien es cierto ya hay la versión en 3, como podrás leer en su pagina oficial es aun beta, así que es mejor empezar con la 2 que ya tiene tiempo en la nube y es muy estable en cualquier caso la instalación es la misma.

Te recomiendo que a la hora de elegir veas bien tu arquitectura ya sea de 32 o 64 bits.
Luego de la descarga empezaras a instalar, como cualquier programa, siguiente siguiente hasta finalizar.

Bien ahora una ves instalada la aplicación pasaremos a explicar como instalar el package control en sublime text?.

Primero una explicación breve que es y para que sirve el package control en sublime. 

Package Control es el gestor de instalación de paquetes de nuestro editor, sublime text.

 y nos permitirá instalar de forma fácil todos los paquetes necesarios para que soporte diferentes tipos de lenguajes y herramientas que nos harán mas fácil la vida a la hora de programar.

Hagan clic según la versión de sublime que instalaron.

Sublime text 2 Mostrar / Ocultar ▼▲

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Sublime text 3 Mostrar / Ocultar ▼▲

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( 'http://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)

Luego copian ese código y nos dirigimos a nuestro  editor de sublime, ahora van hacer clic en view -> show console como se muestra en la imagen, luego se nos abrirá una consola, ahí deben pegar el código antes copiado.

Para saber si todo quedo ok debe salirnos un mensaje en la consola que nos pida que reiniciamos sublime , luego cerrar y volver abrir sublime y ya todo esta ok debe aparecer como se muestra en la imagen mas  abajo , en el próximo tutorial les enseñare como instalar plugin y paquetes.

Instalar package control en sublime text

Read More