Saltar al contenido principal

Extensiones de DevTools

Aprende a usar y construir extensiones de DevTools.

¿Qué son las extensiones de DevTools?

#

Las extensiones de DevTools son herramientas para desarrolladores proporcionadas por paquetes de terceros que están estrechamente integradas en la suite de herramientas DevTools. Las extensiones se distribuyen como parte de un paquete pub, y se cargan dinámicamente en DevTools cuando un usuario está depurando su aplicación.

Usar una extensión de DevTools

#

Si tu aplicación depende de un paquete que proporciona una extensión de DevTools, la extensión aparece automáticamente en una pestaña nueva cuando abres DevTools.

Configurar los estados de habilitación de las extensiones

#

Debes habilitar manualmente la extensión antes de que se cargue por primera vez. Asegúrate de que la extensión sea proporcionada por una fuente en la que confíes antes de habilitarla.

Cuando habras la extensión por primera vez, verás un aviso para habilitar la extensión:

Captura de pantalla del aviso de habilitación de la extensión

Puedes modificar la configuración en cualquier momento desde el diálogo DevTools Extensions:

Captura de pantalla del botón del diálogo DevTools Extensions

Captura de pantalla del diálogo de habilitación de la extensión

Los estados de habilitación de las extensiones se almacenan en un archivo devtools_options.yaml en la raíz del proyecto del usuario (similar a analysis_options.yaml).

yaml
description: This file stores settings for Dart & Flutter DevTools.
documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
extensions:
  - provider: true
  - shared_preferences: true
  - foo: false

Este archivo almacena la configuración por proyecto (o opcionalmente, por usuario) para DevTools.

Si este archivo está incluido en el control de versiones, las opciones especificadas se configuran para el proyecto. Esto significa que cualquiera que obtenga el código fuente de un proyecto y trabaje en él usará la misma configuración.

Si este archivo se omite del control de versiones, por ejemplo agregando devtools_options.yaml como una entrada en el archivo .gitignore, entonces las opciones especificadas se configuran por separado para cada usuario. Dado que cada usuario o colaborador del proyecto usa una copia local del archivo devtools_options.yaml en este caso, las opciones especificadas pueden diferir entre los colaboradores del proyecto.

Construir una extensión de DevTools

#

Para obtener una guía detallada sobre cómo construir una extensión de DevTools, visita Construir herramientas personalizadas en Flutter y Dart DevTools

También puedes consultar el siguiente video:

Ver en YouTube en una nueva pestaña: "Building DevTools extensions | Flutter Build Show"