JASoft.org

El blog de José Manuel Alarcón Aguín. Programación web y mucho más...

MENÚ - JASoft: JM Alarcón

Git: establecer WinMerge como herramienta de diferenciación de archivos

En este post te hablo de algunas herramientas muy interesantes para trabajar con control de código fuente (con Git en concreto), y para comparar archivos y carpetas, y te comento cómo puedes hacer para utilizar una de ellas, WinMerge, para ser utilizada por Git como herramienta de diferenciación externa. Aunque en el 95% de los casos me arreglo con lo que trae de serie VSCode + GitLense, a veces tener a mano esta otra opción es muy interesante también. Veamos cómo hacerlo... [Más]

Cómo gestionar las teclas rápidas en Visual Studio Code: Guía visual definitiva

Visual Studio Code se ha convertido en poco tiempo en uno de los editores de código más utilizado del mundo (incluso puede que el que más), sobre todo entre los desarrolladores Web, aunque permite programar con casi cualquier lenguaje o plataforma. Tiene muchas virtudes, pero uno de los factores de su éxito es también, sin duda, que es muy personalizable. Es fácil adaptarlo a los gustos personales en casi todos sus aspectos. Y si hay algo que adoramos los desarrolladores son las teclas rápidas. Raro es el que usa el ratón para todo y lo más habitual es preferir las teclas rápidas porque, como su propio nombre indica, ahorran mucho tiempo. En esta guía te cuento cómo sacarle todo el partido a esta personalización. [Más]

TRUCO: mostrar en línea la definición de un método en Visual Studio y Visual Studio Code

Hoy un truco muy rápido pero muy útil... Estoy casi seguro de que eres consciente de la existencia de un atajo para ver la definición de cualquier método de tu código que consiste simplemente en pulsar la tecla F12. Te pones encima del nombre del método, variable, propiedad, etc, pulsas F12 y ¡Voilà!: el editor salta a la línea de código donde está definido el miembro que nos interesa. Esto es estupendo y nos ayuda a ser más ágiles y productivos, pero ¿No sería mucho mejor si ni siquiera tuviésemos que desplazarnos en el código o saltar a otro archivo? ¿Y si pudiésemos obtener la definición y examinar el código en el mismo sitio, sin que cambie nada? Pues es lo que vamos a ver. [Más]

Acceso visual a tareas de npm desde Visual Studio Code

La actualización 1.23 de Abril de 2018 de Visual Studio Code trae muchos detalles interesantes, pero hay uno que me ha llamado especialmente la atención: la posibilidad de tener una lista en el lateral con todas las tareas definidas en el archivo package.json de Node.js (tareas de npm). Esto da un plus de comodidad a trabajar con Node.js y con herramientas de desarrollo Front-End (como Webpack, por ejemplo). Por defecto esta característica viene desactivada. Vamos a ver cómo activarla y empezar a sacarle partido. [Más]

TRUCO: Rodear un fragmento de código con etiquetas HTML en Visual Studio Code

A la hora de escribir código, ofrece multitud de ayudas. Pero una cosa de la que carece aparentemente y se echa de menos es la posibilidad de rodear una selección con etiquetas en HTML. Por ejemplo, si tienes uno o varios elementos de lista <li> y necesitas rodearlos del preceptivo <ul> o <ol> ¿cómo lo puedes hacer? Existen varias maneras, pero aquí te cuento la que creo que es la mejor y que te permitirá ahorrar mucho tiempo a lo largo del día. [Más]

TRUCO: Cómo añadir nuevos tipos de archivo a Visual Studio Code

Hace ya bastante tiempo que tengo claro que mi editor de código favorito es Visual Studio Code. Es ágil, gratuito, multi-plataforma, abarca casi cualquier cosa que puedas necesitar y lo que no lo tienes con extensiones. en este post vamos a aprender a extender el editor para incluir nuestros propios tipos de archivo y que funcionen de la misma manera que si fuesen nativos. Además aprenderemos también a hacer que ciertos archivos concretos de un proyecto utilicen variantes de un lenguaje para que el editor se comporte mejor con ellos, dotándolos de gran flexibilidad. [Más]

Cómo mantener sincronizados los ajustes de Visual Studio Code entre todos nuestros equipos

He de reconocer que cuando Microsoft presentó Visual Studio Code hace ya casi dos años mi primera reacción fue de escepticismo: "¿Otro editor más, por mucho que sea multi-plataforma, para competir consigo mismo y Visual Studio? ¿tratar de robar mercado a Atom y editores similares? Decididamente han perdido el Norte...". La realidad es que con el tiempo he tenido que dejar de lado mis reservas y hoy en día es el editor que más utilizo con diferencia. Se ha convertido en una herramienta imprescindible para mi, y lo tengo instalado en todos mis ordenadores. Encima, como es multiplataforma, lo puedes usar de la misma manera en Windows, Linux y Mac. Me gusta lo ágil que es, lo bien que funciona especialmente para desarrollo web (HTML, CSS, javaScript), NodeJS y no menos importante, Markdown. Y si lo aderezas con unos cuantos complementos, entonces es mucho mejor. Desde que lo lanzaron, todos los meses sacan actualizaciones que lo hacen cada vez un poco mejor. Una de las carencias que presen... [Más]