Mostrando entradas con la etiqueta Sublime Text. Mostrar todas las entradas
Mostrando entradas con la etiqueta Sublime Text. Mostrar todas las entradas

martes, 30 de octubre de 2018

SUBLIME TEXT - Package SFTP de ejemplo

octubre 30, 2018 // by Alex // // No comments

JSON

{
// The tab key will cycle through the settings when first created
// Visit http://wbond.net/sublime_packages/sftp/settings for help

// sftp, ftp or ftps
"type": "ftp",

"save_before_upload": true,
"upload_on_save": true,
"sync_down_on_open": false,
"sync_skip_deletes": false,
"sync_same_age": true,
"confirm_downloads": false,
"confirm_sync": true,
"confirm_overwrite_newer": false,

"host": "aila.com.co",
"user": "ailacomc",
"password": "OwllJ;a^Cind",
"port": "21",

"remote_path": "/public_html/",
"ignore_regexes": [
"\\.sublime-(project|workspace)", "sftp-config(-alt\\d?)?\\.json",
"sftp-settings\\.json", "/venv/", "\\.svn/", "\\.hg/", "\\.git/",
"\\.bzr", "_darcs", "CVS", "node_modules", "bower_components", "\\phpintel","\\.DS_Store", "Thumbs\\.db", "desktop\\.ini" ],
//"file_permissions": "664",
//"dir_permissions": "775",

//"extra_list_connections": 0,

"connect_timeout": 30,
//"keepalive": 120,
//"ftp_passive_mode": true,
//"ftp_obey_passive_host": false,
//"ssh_key_file": "~/.ssh/id_rsa",
//"sftp_flags": ["-F", "/path/to/ssh_config"],

//"preserve_modification_times": false,
//"remote_time_offset_in_hours": 0,
//"remote_encoding": "utf-8",
//"remote_locale": "C",
//"allow_config_upload": false,
}

sábado, 9 de junio de 2018

SUBLIME TEXT - Desarrolla en vivo con FIREFOX

junio 09, 2018 // by Alex // // No comments

Cuando estamos desarrollando alguna interfaz web y quieres ver los cambios lo más rápido sin estar guardando y refrescando constantemente, para eso hay una herramienta que se ajustará a esta necesidad. Se trata de integrar LIVERELOAD con FIREFOX. A continuación te mostraré la extensión de FIREFOX y el package de SUBLIME que tienes que agregar, como también la manera para activarlos.

Sin más preámbulos aquí estan los pasos:

1. Agregar la extensión a FIREFOX dando click a: Live reload no sería necesario explicar esta parte, es simplemete agregar la extensión.

2. Agrega el package a SUBLIME TEXT:
Preferences > Package Control

3. Luego de tener el Live reload en FIREFOX y SUBLIME TEXT se activa el Live reload en FIREFOX:

4. Ahora copiamos el siguiente SCRIPT dentro del header de tu documento web:

HTML

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

De esta forma:

5. Luego lo activamos:
Preferences > Package Settings > LiveReload > Plugins > Enable/Disable plugins

LISTO! Ahora después de cada cambio solo presionas CTRL + S y nada más

domingo, 13 de mayo de 2018

SUBLIME TEXT - Ajuste de línea

mayo 13, 2018 // by Alex // // 3 comments

En algún momento uno se encuentra con una chorrera de código horizontal que no parece tener fin, esas líneas largas de texto que se ven en Sublime Text son un dolor de cabeza al ver que te tienes que desplazar con la barra horizontal. Un ejemplo más puntual es el ajuste de línea que vemos en el editor de texto de WINDOWS, de ahí se conoce el funcionamiento y se nota lo práctico que resulta en Sublime Text. Te presento la manera de acomodar esta opción:

AJUSTE DE LÍNEA

Para cambiar esta configuracion iremos a:
Sublime Text > Preferences > Settings – Syntax Specific

Buscan la línea de código "word_wrap", y lo marcan de esta forma:

"word_wrap": "auto"

Lo Guardamos y cerramos, se acabó la chorrera horizontal de código.

NOTA

Para volver al estado anterior, tan solo debemos cambiar el “true” por “false”, y guardar los cambios

domingo, 6 de mayo de 2018

SUBLIME TEXT - Controles rápidos

mayo 06, 2018 // by Alex // // No comments

Por más que nos sepamos el código de un lenguaje, o mecanografía, resulta muy efectivo sabernos de memoria estos "HOTKEYS" para sublime text. Terminaremos volviéndonos expertos a la hora de editar el código. Por así decirlo, ahorraremos el doble del tiempo y nos daremos cuenta de otra manera de hacer la cosas, que antes no se creía posible.
NOTA:
Los hotkeys son personalizables en PREFERENCES > KEY BINDINGS - USER, claro que es recomendable trabajar con los que vienen por defecto pues se pueden cruzar controles.

EDITANDO

Ctrl+X : Cortar línea
Ctrl+Enter : Insertar línea después
Ctrl+Shift+Enter : Insertar línea antes
Ctrl+Shift+ : Mover línea / selección hacia arriba
Ctrl+Shift+ : Mover línea / selección hacia abajo
Ctrl+L : Seleccionar línea - Repetir para seleccionar las líneas siguientes
Ctrl+D : Seleccionar palabra - Repetir seleccionar otras ocurrencias
Ctrl+M : Salte al paréntesis de cierre Repita para saltar a paréntesis de apertura
Ctrl+Shift+M : Seleccionar todos los contenidos de los paréntesis actuales
Ctrl+Shift+K : Borrar línea
Ctrl+Shift+ : Eliminar del cursor al final de la línea
Ctrl+K+B : Mostrar / Ocultar SIDEBAR
Ctrl+K+ : Eliminar del cursor al final de la línea
Ctrl+Shift+D : Duplicar línea seleccionada
Ctrl+Shift+A : Seleccionar todo el contenido solo dentro de la etiqueta
Ctrl+J : Unir línea abajo al final de la línea actual
Ctrl+/ ó Ctrl+7: Comentar-Descomentar línea actual

NOTA:
este hotkey por defecto viene deshabilitado. Habilítalo:
{ "keys": ["ctrl+7"], "command": "toggle_comment", "args": { "block": false } }, { "keys": ["ctrl+shift+7"], "command": "toggle_comment", "args": { "block": true } }
Ctrl+Y : Rehacer, o repetir el último comando de atajo de teclado
Ctrl+Shift+V : Pegar correctamente en la sangría
Alt+Shift+W : Ingresar la etiqueta de párrafo
Alt+Q : Reducir ajuste de línea de un bloque de código seleccionado

NAVEGACIÓN Y BÚSQUEDA

Ctrl+P : Buscar un archivo rápido
Ctrl+R : Buscar un símbolo
Ctrl+G : Ir al número de la línea en documento actual
Ctrl+Shift+P : Símbolo del sistema de SUBLIME TEXT

BUSCAR / REEMPLAZAR

Ctrl+F : Buscar
Ctrl+H : Reemplazar
Ctrl+Shift+F : buscar en toda la carpeta de trabajo

DIVISIONES DE VENTANA DENTRO DE SUBLIME TEXT

Alt+Shift+1 : Vista a una sola columna
Alt+Shift+2 : Vista dividia en dos columnas
Alt+Shift+3 : Vista dividia en tres columnas
Alt+Shift+4 : Vista dividia en cuatro columnas
Alt+Shift+5 : Vista grilla 4 grupos
Alt+Shift+8 : Vista dividia en dos filas

MARCADORES

Ctrl+F2 : Colocar un marcador sobre la línea de código
F2 :Ir al siguiente marcador puesto, apartir del punto donde esta
Shift+F2 : Ir al anterior marcador puesto, apartir del punto donde esta
Ctrl+Shift+F2 : Limpiar marcadores

MANIPULACIÓN DE TEXTO

Ctrl+K+U : Convertir el texto seleccionado a MAYÚSCULAS
Ctrl+K+L : CONVERTIR EL TEXTO SELECCIONADO A minúsculas

domingo, 29 de abril de 2018

SUBLIME TEXT - Packages recomendados

abril 29, 2018 // by Alex // // 1 comment

Con todas las prestaciones que nos suele ofrecer SUBLIME TEXT, no podía faltar la que le da un aspecto de lujo para muchos gustos, me refiero a MATERIAL THEME. Bueno junto con otras más, aquí te presento los nombres y funciones de las que utilizamos con nuestro equipo de trabajo. Son infinidad, pero estas ya las hemos probado en LINUX MINT, ya que es el sistema operativo con el que trabajamos y te pueden gustar o simplemente pruébalas son excelentes:
Lo primero es arrancar con el PACKAGE CONTROL para ingresar los pluggins que recomendamos:

1. INSTALAR EL PACKAGE CONTROL (para la versión 3)

Se le da click en la opcion view del PROGRAMA SUBLIME TEXT 3, luego en show console (aparece en la parte de abajo), luego se copia el siguiente texto en dicha consola:
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

2.PACKAGES

Luego los paquetes o pluggins recomendados. Dándole click a > Preferences luego a > Package Control luego a > Install package y a continuación ingresas el nombre de los paquetes recomendados

|

2.1. A File Icon

De da un estilo elegante a los íconos de sublime

|

3. Alignment

Este permite organizar los espacios y alineamientos, es personalizable

|

4. BracketHighlighter

Permite ver los ligamentos de los corchetes, las llaves y todo elementos para encapsular

|

5. CSS Extended Completions

|

6. Color Highlighter

|

7. DocBlockr

|

8. Emmet

|

9. HTMLBeautifier

|

10. LESS

|

11. Material Theme

|

12. PHP Code Beautifier

|

13. PHP Companion

|

14. PHP Completions

|

15. Side Bar

|

16. TerminalView

|

17. View in Browser

|

18. GutterColor

|

19. JavaScript Completions

|

20. PlainTasks

|

21. SFTP

|

22. Terminal

|

23. ColorPicker