Desarrollador de aplicaciones web y de escritorio, amante de la tecnología y autodidacta, me gusta conocer otras tecnologías, escribir artículos para compartir en la web y para estar al tanto en los nuevos paradigmas, respeto las políticas de software privativo y libre, ya que estas políticas son las normas que permite el desarrollo tecnológico social de la humanidad. filvovmax@gmail.com -- info@gitmedio.com
11 plugins imprescindibles para sublime text 3
Mas de 11 plugins imprescindibles para sublime text 3, pero antes permitanme, no hace más dos años empecé a escuchar sobre este editor de texto, cuando lo probé me convenció, en el que se podía instalar una cantidad de plugins según al requerimiento de nuestro trabajo.
Actualmente Sublime text está en la versión 3 que está en constante desarrollo por parte del equipo sublime text, y se puede descargar el programa de su página oficial http://www.sublimetext.com/3 para los sistemas operativos GNU/LINUX, WINDOWS, MAC OS X.
En verdad este editor de código, en estos últimos años está siendo utilizado por muchos desarrolladores, su interfaz gráfica es muy amistosa con el usuario, no solo eso como ya dije, existen infinidad de plugins para diferentes tipos de trabajos. En este articulo listare mas 11 plugins imprescindibles que debemos tener instalado.
Lo que más me gusta, es que se puede agregar con mucha facilidad una carpeta como proyecto y moverse sin ninguna dificultad en el cuyo directorio.
A continuación se debe realizar los siguientes pasos para tener mas de 11 plugins imprescindibles para sublime text 3.
Instalar Package Control
Este gestor de instalación de paquetes permite instalar plugins, y veamos como hacer:
Presione en Windows y Linux ctrl+shift+p en Mac: cmd+shift+p y buscar en la lista Install Package Control y presionas la tecla enter y se descargará la ultima versión de paquete de control, en las antiguas versiones se tenia que instalar presionando en el menú –>View hacer click en –>Show console, básicamente en parte de abajo mostrará dos campos de texto, luego donde esta el cursor se tenia que pegar un código para las versiones inferiores de 3, para mas información ir a la página oficial https://packagecontrol.io/installation.
Una vez instalado presione la teclas crtrl+shitf+p y tiene que mostrarle la lista de los plugins como en la primera imagen.
Auto Filename
El primer plugin imprescindible que permite vincular archivos mediante la sugerencia ya sean imágenes, hojas de estilo al usar etiquetas como: href, src, en php require_once y otros.

Ayuda a vincular archivos
Emmet
Al escribir código puede ser tedioso en algunas ocasiones cuando estamos apurados, pero Emmet ahí es donde nos puede salvar, no solo cuando estemos apurados, sino en nuestra trabajo cotidiano.
Emmet permite generar a través de expresiones varios lineas de código HTML, Para generar el código HTML existen un variedad de expresiones en la siguiente pagina: http://docs.emmet.io/cheat-sheet/.
DocBlockr
Permite insertar comentario para la documentación, tiene soporte para PHP ,ActionScript ,, CoffeeScript , Java , Apex , Objective C , C , C ++ y entre otros, para usar escriba las primeras lineas /** presione la tecla tab.
SFTP
Este plugin permite la conexión con el servidor FTP, así editar los archivos fuentes que están cargado en nuestro servidor. Para realizar la conexión se debe agregar el archivo JSON en nuestro proyecto y configurarlo los datos de la conexión.
SublimeCodeIntel
Plugin mas completo para el auto completado de código y también reconoce las funciones definidas en nuestro proyecto .
PHPManualer
Este plugin permite mostrar al pulsar las teclas ctrl + alt + d – ctrl + alt + s la documentación de las funciones nativas de PHP
LiveReload
Permite la carga en tiempo real en el navegador cuando se esta escribiendo el código.
BracketHighlighter
Su función es resaltar el código de apertura tales como: [], (), {} «,», », # xml <tag> </ tag> y soportes personalizados que se puede configurar .
ColorPicker
Permite seleccionar en la paleta de color un color especifico, muy bueno al escribir código CSS. Para usar presione ctrl+alt+c.
Alignment
Con este plugin se puede organizar y alinear las variables, tan solo al seleccionar y presionando las teclas ctrl+alt+a se podrá alinear.
jQuery
Plugin para ayudar la sugerencia de JQuery, al escribir código puede mostrar casi la totalidad de los métodos que existen en JQuery en forma de fragmentos.
WordPress y WordPress Completion
Muy bueno para desarrolladores de wordpress, estos paquetes contienen snippets para sugerir y autocompletar el código. Para mas información visita este link .
Seti UI
Es un tema para mejorar la interfaz de la lista de los archivos , asocia icono a cada archivo, por defecto sublime tex3 tiene un tema que casi es aburrido. se debe pegar el siguiente código en –>Preferences ->Settings-User:
{
"caret_extra_bottom": 3,
"caret_extra_top": 3,
"caret_extra_width": 2,
"font_size": 10,
"highlight_line": true,
"ignored_packages":
[
"Vintage"
],
"overlay_scroll_bars": "enabled",
"theme": "Seti.sublime-theme"
}
Existen una gran cantidad de plugins para diferentes tipos de lenguajes que se puede encontrar en : https://packagecontrol.io/packages/, los mas de 11 plugins imprescindibles para sublime text 3 que acabo de mencionar son las que estoy utilizando para el desarrollo de aplicaciones web.
Muchas gracias. Me sirvieron de mucho. Como aporte, sería chévere una actualización y ampliarlo. Digamos a cosas mas modernas a Jquery. Y mas enfocado a un stack mas amplio.. otros lenguajes como python, java, c++ también… aplicaciones SPA, Backend con API, integraciones para debug en frameworks, y tests unitarios, TDD, BDD.
ok, i make development with sublime and this plugins help me to code more flash. Tanks.
Amigo, sigo los mismos pasos pero no figura en la lista los plugins que tomas como ejemplo.
Yo estoy mas interesado por el plugin de LiveReload, pero tampoco aparece en la lista.
Necesito tu ayuda.
Gracias
Hola buenas puesdes ayudarme si ?, mirar, estoy buscando un plugin que por ejemplo en dreamwiv cuando pulsas ( . ) TE SALE UNA SERIE DE SINTAXIS, bueno en fin, pero estoy buscando para javascrip q cuando pulsas . te sale una serie de sentencias por ejemplo cuando hago un scrip y quiere vincular una id a un valor….. ejemplo
var miboton=document.getElementByid(«boton1»)
mi intención es encoontrar un plugin que cuando pulse (document.) salga una lista yo que se {get, getelementbyid , anchors , withd, en finn
sabes de algun plugin ? gracias te lo agradezco
Prueba tecleando luego del punto ctrl+barra espaciadora, y asi te sale la lista de opciones 🙂
Amigo, buen aporte.
Gracias
La combinacion de el colorPicker es CTRL + SHIFT + C
Gracias, Excelente aporte hermano
Hola, saves como puedo instalar MavensMate en Sublime Tex???
por favor si saves, orientameee…
te lo agradesco.
porque no hay tutoriales.
Excelente 10Pts!
consulta amigo, capas que tu sabes.. Cual seria el path que hay que agergar para que funcione javascript? porque es el unico lenguaje que no me permite correr, me da error de que no tengo configurado en el path.. pero no se la verdad que valores configurarle..gracias desde ya
Hola, ¿existe la posibilidad de instalar plugins sin conexión a internet?
Muchas gracias por tu aporte! Genial!
gracias amigo
alguna herramienta que me permita escribir y compliar codigo de PICC compiler ya tengo el programa para hacerlo pero he visto muchas mas ventajas en sublime y me gustaría hacerlo desde ahí sin tener que abrir la otra aplicacion
Gracia Hombre muy buena información.
Excelente aporte
gracias man eres un capo
EXCELENTE TU AYUDA, GARCIAS
Muchas gracias amigo un saludo
Buenas!
una pregunta, sabes como instalar raylib en sublime? porque usarlo en xcode en mac me es muy engorroso, un saludo
Cordial saludo,
Mi pregunta es la siguiente:
¿ Si estoy utilizado Lenguaje de Programación Go (Golang), Cómo puedo Ejecutar y/o Construir el ejecutable en Sublime Text 3 ?
Un abrazo Mario Muñoz,
tendrías que utilizar el siguiente configuración,
{
«cmd»: [«go.exe», «-o», «$file_base_name», «$file»],
«path»: «C:\\Go\\bin\\»,
«variants»: [
{
«cmd»: [«start», «cmd», «/k», «$file_base_name»],
«shell»: true,
«name»: «Run»
}
]
}
Para hacer como, puedes ver siguiente ejemplo de vídeo para C++ https://www.youtube.com/watch?v=-HwN5MERS8c
Pero sin no funciona puedes ver esta documentación.
https://github.com/golang/sublime-build/blob/master/docs/configuration.md
Es necesario estar conectado a internet
Si Jaime Junior Cabrera Párraga,, pero tambien puedes instalar manualmente, descargando los módulos.
Gracias compa, fierro
Hola amigo, muy buen vídeo, tengo una pregunta, estoy muy interesado en editar código BBCODE en sublime, por supuesto, hay un paquete para dicha tarea, el problema es que no puedo usar la syntax BBCODE aún teniendo el paquete o no sé cómo diablos se hace. Creo un archivo y le pongo la extención BBCODE (en las opciones que se despliegan debajo del nombre del archivo en la ventana de Windows) pero jamás me autocompleta nada. Sólo una vez pude, no sé como lo hice, no me fijé y ahora llevo HORAS intentándolo, pero nada. Te agradecería mucho tu ayuda, saludos.
Hola Alan, claro que existe un plugin para resaltar el sintaxis de BBCODE, no para el auto completado, por que la palabras claves del lenguaje BBCODE no es un estándar aun, y no también no existe una extesion de archivo fijo.
Pero tu te puede hacer sniptes de las plabras claves de BBCODE a tu gusto.
Saludos Alan.
gracias, me sirvio tu tutorial
esta bueno
Hola
Gracias por el aporte, yo le agregaría a tu lista Sublime Linter, para PHP, JS, CSS
Saludos.
Falto PhpCompanion imprescindible para programar apps grandes
recomiendo esta otra guía
https://mattstauffer.co/blog/sublime-text-3-for-php-developers
Hola, algun plugin para ver -por ej, en la barra lateral- la definicion de una clase (atributos y metodos), como tiene Netbeans? Gracias!