Integrar JSmin con PSPad

Al estilo de “Cocinando con…”,  un programa [aburrido] de TV, trataré de compartir un tip que le ayudará a aquellos que trabajan Javascript (JS) con PSPad, mi editor de código favorito.

El tip consiste en integrar JSmin  a los comandos favoritos de PSpad para comprimir el código JS sin salir del programa.

Ingredientes

Preparación

Ejecuta PSpad y crea un nuevo documento de texto, este servirá para crear un archivo BAT (proceso por lotes) que se encargará de ejecutar JSMin. El archivo debe contener el siguiente código y lo guardas como jsmin.bat en la misma carpeta que jsmin.exe

jsmin.exe <%1 >%2

Se usa un BAT porque JSMin no funciona correctamente al llamarlo directamente desde PSpad.

Crear un favorito en PSPad

Los favoritos están en la pestaña de el panel lateral de PSpad (si no esta visible lo mostras con Ctrl+F2), tiene un icono de corazón.

Busca un espacio en blanco de la barra y haces click derecho para mostrar el menú y crear un nuevo enlace.

En la ventana de nuevo enlace escribí

  • JSmin como nombre
  • busca el archivo BAT que creaste en el primer paso en Ruta
  • y como parámetros agrega la siguiente línea
"%File%" "%Dir%%Name%-min.js"

La línea anterior envía la ubicación del archivo javascript y la ubicación del nuevo archivo comprimido agregando “-min” al nombre, por ejemplo si el archivo se encuentra en C:/codigo.js el nuevo archivo se creara como c:/codigo-min.js

En la misma ventana de crear enlace busca la carpeta en donde se encuentra jsmin.bat y jsmin.exe, deberías de tener algo similar a esto

Active Capturar salida para que muestre los resultados en PSpad pero no es necesario. Presiona Aceptar y listo.

Ahora podes comprimir cualquier archivo JS que estes viendo en PSPad solo usando el enlace en los favoritos en la barra lateral. Nada extraordinario pero si muy útil para facilitar el trabajo.

¿Por qué uso PsPad?

Anteriormente usaba Notepad++ como editor de texto y HTML hasta que MundoGeek me mostró PsPad. No podía creer que hubiera un editor mejor que Notepad++, tan ingenuo que era, así que me lance a probar PsPad. Desde entonces han pasado 2 años y medio aproximadamente y sigo usando PsPad. Hoy Eric (@toigt) preguntó en Twitter por un editor de HTML en español y gratuito, obviamente le recomendé PsPad.

Dejo aquí las razones por las que empecé a usar PsPad, por las que lo sigo usando y por las que lo recomiendo.

- Nota: Soy diseñador web y trabajo principalmente con html, css, javascript y PHP. Advertido estas, luego no digas que es malo para programar Pascal  ;-)

Características que me gustan de PsPad

Código limpio y ordenado.

Me gusta que incluye coloreado de sintaxis, con soporte para al menos 15 lenguajes, numeración de línea, indentar es muy fácil y lo hace bien (hay programas que no saben ni hacer eso), snippets (segmentos de código ya hechos) y además incluye ayuda para “seguirle la pista” al código. Por ejemplo, en HTML al seleccionar una etiqueta marca con color la etiqueta inicial y la final para mostrar en donde termina.

Ayuda al programar

Ayuda a seguirle la pista al código

Sintaxis con color

Sintaxis con color

Snippets, en la imagen los de XHTML

snippets

Explorador de código y estilos

El explorador de código es quizás una opción prescindible, prácticamente innecesaria, pero cuanto te acostumbras a usarla es muy útil. PsPad incluye explorador para varios lenguajes, a mi me gusta especialmente el de HTML y el de CSS.

Explorador de estilos CSS. Haces click en la clase y el editor te muestra el estilo.

explorador de estilos

Explorador de etiquetas en HTML. Es genial, como ver un resumen de todo el código.

explorador de html

Explorador de archivos, favoritos y FTP

El explorador de archivos y  FTP no son nada nuevo, Dreamweaver las incluye desde hace años pero me gusta que las tenga. Especialmente el FTP que permite editar archivos en línea, aunque por otro lado es malo porque no guarda carpetas “en cache” como lo hace Dreamweaver. Incluye panel de favoritos para guardar acceso a carpetas, archivos, herramientas o páginas web.

Explorador de archivos. El corazoncito en la imagen son los favoritos.

explorador de archivos

Los favoritos.

favoritos

FTP

ftp

Otros extras

Además de las características de arriba tiene algunos extras que me gustan pero son pequeños.

Buscador en múltiples archivos (todos los abiertos o por carpeta) y el buscador de Google.

busqueda

Galería de convertidores

convertidores

Manejo de proyectos. Sirve para cargar una colección de archivos, de carpetas y demás.

proyectos 

Pestañas o Tabs para los archivos

tabs

Abrir y guardar con múltiples opciones.

abrir

Herramientas para HTML y CSS. Por ejemplo ordenar el código o comprimirlo.

herramientas de html y css

El final he dejado el artículo casi como una galería de imágenes de PsPad pero creo que es la forma más fácil de conocer las opciones más notables y que a veces no descubrimos “a la primera”.

Si al final te animas a probarlo puedes descargarlo desde la web oficial de PsPad.