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

Ingredientes

• PSPad instalado (sobre Windows).
• JSMin versión línea de comandos para Windows (Descarga directa aquí).
• Un código javascript para usar de ejemplo.

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.

Otros temas

• Herramientas de traducción
• Carpetas: cada diseño en su lugar

Un comentario | Envialo a twitter

(cc) 2010 ivanmendoza (@dic7).

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

Sintaxis con color

Snippets, en la imagen los de XHTML

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 etiquetas en HTML. Es genial, como ver un resumen de todo el código.

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.

Los favoritos.

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.

Galería de convertidores

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

Pestañas o Tabs para los archivos

Abrir y guardar con múltiples opciones.

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

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.

Otros temas

• Herramientas de traducción
• Me gustan los widgets en Google Calendar
• Integrar JSmin con PSPad

10 comentarios | Envialo a twitter

(cc) 2009 ivanmendoza (@dic7).