Visual Studio Code. Extensiones

En esta lección se comenta el uso de algunas extensiones de Visual Studio Code. Aunque actualmente sólo se comenta la extensión Hex Editor.

Hex Editor

Logotipo de hex Editor

Autor: Microsoft

Marketplace: Hex Editor

Repositorio GitHub: Hex Editor


Hex Editor es una extensión de Visual Studio Code que añade un editor hexadecimal a Visual Studio Code. Un editor hexadecimal es un editor que muestra todos los bytes de un archivo.

Para mostrar un archivo en el editor hexadecimal

  1. Abra el fichero en VSCode:

    VSC. Editor hexadecimal

  2. Haga clic derecho en la pestaña y en el menú contextual elija la opción "Volver a abrir con ...":

    VSC. Editor hexadecimal

  3. Se abrirá la ventana de comandos con los editores disponibles. Haga clic en Hex Editor:

    VSC. Editor hexadecimal

  4. El archivo se mostrará en el editor hexadecimal:

    VSC. Editor hexadecimal


El editor hexadecimal muestra en la parte izquierda el valor hexadecimal (entre 00 y FF) de los bytes que componen el archivo y en la parte derecha el carácter ASCII correspondiente a ese byte.

VSC. Editor hexadecimal

Tenga en cuenta que dependiendo del juego de caratceres del archivo, un carácter puede necesitar uno o más bytes en el archivo. En el ejemplo de la captura el juego de caracteres del archivo es UTF-8.

Si hace cli en un carácter (tanto en el lado derecho como en el izquierdo), a la derecha se muestra un papel con el valor numérico en distintos formatos numéricos y el carácter en varios juegos de caracteres.

VSC. Editor hexadecimal


Para volver a mostrar el archivo en el editor integrado:

  1. Haga clic derecho en la pestaña y en el menú contextual elija la opción "Volver a abrir con ...":

    VSC. Editor hexadecimal

  2. Se abrirá la ventana de comandos con los editores disponibles. Haga clic en "Editor de texto":

    VSC. Editor hexadecimal

  3. El archivo se mostrará en el editor integrado:

    VSC. Editor hexadecimal