Etiquetas
De

Paquetes esenciales para desarrollo full stack con Sublime Text 3

Configurar el entorno de trabajo del editor de código Sublime Text a nuestras necesidades es fundamental para poder trabajar de forma adecuada y ágil.

Es por ello que decidí tomar nota de todas las mejoras que le he realizado al editor hasta el momento para adaptar el entorno lo mejor posible para desarrollar en Python y demás tecnologías web, mejoras que en el futuro probablemente se amplíen según los nuevos requerimientos que se vayan presentando.

Instalación del Gestor de Paquetes

Antes que nada tenemos que instalar el gestor de paquetes para Sublime Text 3 (que es la versión de Sublime de mi interés) para poder agregar más adelante los paquetes que me permitan mejorar las funcionalidades de la herramienta.
  1. Comenzamos por ejecutar la aplicación Sublime Text 3 y desplegar la Consola que viene integrada en la herramienta mediante el menú View > Show Console.
  2. Luego copiamos éste código Python en la consola y lo ejecutamos. Esto procederá con la instalación del manejador de paquetes de Sublime.
  3. Y eso es todo, para proceder con la instalación de los paquetes podemos ir al menú Preferences > Package Control o presionar la combinación de teclas Ctrl+Shift+P y elegir la opción Package Control: Install Package que desplegará una lista donde podemos introducir el nombre del paquete que deseamos instalar.

Paquetes Recomendados

  • AdvancedNewFile: Agrega un método alternativo que nos permite crear archivos de forma más rápida especificando el nombre, su extensión y la ruta en donde debe ir ubicado. Sin embargo es necesario reemplazar el shortcut de teclado Ctrl+N (crear nuevo archivo) para que llame a este complemento, esto lo logramos agregando el siguiente código en el menú Preferences > Key Bindings – User o desde Preferences > Package Settings > AdvancedNewFile > Key Bindings – User:
    [
      { "keys": ["cmd+n"], "command": "advanced_new_file_new"}
    ]
  • Anaconda: Agrega funcionalidades varias a ST3 para desarrollo de código Python como ser autocompletado, comprobación de código, etc.
  • Djaneiro: Soporta plantillas de Django y provee code snippets que facilitan el autocompletado de código en Sublime Text.
  • Emmet: Permite generar HTML o CSS code snippets mediante métodos abreviados.
  • GitGutter: Pluggin que resalta los cambios realizados al código fuente cuando usamos Git.
  • Markdown Preview: Permite generar archivos XHTML.
  • requirementstxt: Provee autocompletado y corrección de sintaxis durante la gestión de los archivos requirements.txt.
  • SideBarEnhancements: Agrega más opciones al menú de opciones desplegables de la barra lateral izquierda de Carpetas y Archivos.
  • SublimeLinter: Es un framework para implementar analizadores interactivos de sintaxis en Sublime Text 3. Los analizadores de sintaxis se instalan por separado según el lenguaje de código que se requiera.
  • SublimeLinter-csslint: Analizador sintáctico para código css.
  • SublimeLinter-html-tidy: Analizador sintáctico para código html.
  • SublimeLinter-jshint: Analizador sintáctico para código JavaScript.
  • SublimeLinter-json: Analizador sintáctico para lenguaje Json.
  • SublimeLinter-pep8: Analizador sintáctico para código Python basado en las guías de estilo de programación PEP 8.
  • SublimeLinter-pyflakes: Analizador sintáctico para código Python.
  • SublimeLinter-pyyaml: Analizador sintáctico para lenguaje Yaml.
  • Theme - Flatland:

Observaciones:
  • Para usar las funcionalidades del paquete Markdown tenemos que presionar Ctrl+Shift+P y escribir Markdown Preview.
  • En un archivo .html podemos generar la estructura básica de un archivo html con el pluggin Emmet colocando el carácter "!" y luego presionando la tecla Tab.
  • Se recomienda desactivar la caraterística anaconda_linting en Preferences > Settings - User para que no se solape con SublimeLinter:
    {
        "anaconda_linting": false,
        "auto_complete": false,
        "color_scheme": "Packages/User/SublimeLinter/Flatland Dark (SL).tmTheme",
        "font_size": 12,
        "ignored_packages":
        [
            "Vintage"
        ],
        "tab_size": 4,
        "translate_tabs_to_spaces": true,
        "theme": "Flatland Dark.sublime-theme",
        "word_wrap": true
    }


Fuentes y Enlaces Útiles:

Comentarios

Publicar un comentario