Saltar al contenido

¿Cómo depurar las extensiones de Visual Studio Code?

Este grupo de trabajo ha pasado horas buscando la solución a tu duda, te compartimos la resolución de modo que nuestro deseo es servirte de gran ayuda.

Solución:

Tomado de https://code.visualstudio.com/docs/extensions/developing-extensions:

Ejecutar y depurar su extensión

Puede ejecutar fácilmente su extensión bajo el depurador presionando F5. Esto abre una nueva ventana de VS Code con su extensión cargada. La salida de su extensión se muestra en el Debug Console. Puede establecer puntos de interrupción, recorrer el código e inspeccionar variables en el
Debug ver o el Debug Console.

Para depurar las extensiones de Visual Studio Code instaladas, primero navegue a la carpeta del proyecto de la extensión instalada.

%PERFIL DE USUARIO%.vscodeextensión$Nombre del editor.$Nombre de la extensión-$Número de versión

Esta carpeta está contenida en su perfil de usuario o carpeta raíz. También puede llamarse .vscode-insiders dependiendo de la versión de Visual Studio Code que tenga instalada.

Esta carpeta de proyecto ya debería tener el depurador configurado y solo puedes presionar F5 en un archivo fuente del proyecto para abrir el [Extension Development Host] como se supuso originalmente.

Para más información puedes consultar el /.vscode/launch.json para encontrar las configuraciones de lanzamiento que detallan el uso del [Extension Development Host] si necesita ajustar estos ajustes.

Ejemplo tomado de la configuración del depurador de extensiones generada automáticamente launch.json:

// A launch configuration that compiles the extension and then opens it inside a new window


  "version": "0.1.0",
  "configurations": [
    "name": "Launch Extension",
    "type": "extensionHost",
    "request": "launch",
    "runtimeExecutable": "$execPath",
    "args": ["--extensionDevelopmentPath=$workspaceRoot"]
  ]

A partir de ahí, es solo una cuestión simple (~) de agregar puntos de interrupción y/o registros de la consola para resolver la causa de los problemas relacionados con la extensión.

Image of extension debugger after launching with <kbd>
<div class=

F5” src=”https://i.stack.imgur.com/bfM6x.png”/>~ Editar: tengo suficiente representante para incrustar imágenes ahora

Para obtener más información sobre el desarrollo general de las extensiones de Visual Studio Code, consulte los documentos oficiales aquí: https://code.visualstudio.com/docs/extensions/developing-extensions#_creating-your-own-extension

Agradecemos que quieras añadir valor a nuestra información añadiendo tu veteranía en las interpretaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *