Extensión de código webhint de vs

Use webhint, una herramienta de desplegable personalizable, para mejorar la accesibilidad, el rendimiento, la compatibilidad entre exploradores, la compatibilidad de PWA y la seguridad de su sitio. Comprueba los procedimientos recomendados y los errores comunes de tu código. Este proyecto de código abierto, desarrollado inicialmente por el equipo de Microsoft Edge, ahora forma parte de la OpenJS Foundation. El equipo de Microsoft Edge continúa contribuyendo a la webhint junto con los desarrolladores web de la comunidad.

Captura de pantalla de extensión de código webhint VS

Captura de pantalla de extensión de código webhint VS

Identifique y solucione problemas en HTML, CSS, JavaScript, TypeScript y más agregando la extensión webhint para vs Code. Las sugerencias aparecen como líneas de subrayado y se resumen en el panel problemas .

Configuración

Esta extensión usa un archivo JSON de configuración predeterminado que activa sugerencias y analizadores para los sistemas HTML, CSS, de plantillas \ (JSX/TSX, angular, etc.), JavaScript/TypeScript y más.

{
    "connector": "local",
    "extends": [
        "accessibility",
        "progressive-web-apps"
    ],
    "formatters": [
        "html",
        "summary"
    ],
    "hints": [
        "apple-touch-icons",
        "button-type",
        "compat-api/css",
        "compat-api/html",
        "create-element-svg",
        "css-prefix-order",
        "disown-opener",
        "highest-available-document-mode",
        "manifest-exists",
        "meta-charset-utf-8",
        "meta-viewport",
        "no-bom",
        "no-protocol-relative-urls",
        "scoped-svg-styles",
        "sri",
        "typescript-config/consistent-casing",
        "typescript-config/import-helpers",
        "typescript-config/is-valid",
        "typescript-config/no-comments",
        "typescript-config/strict",
        "typescript-config/target"
    ],
    "hintsTimeout": 10000,
    "parsers": [
        "babel-config",
        "css",
        "html",
        "javascript",
        "jsx",
        "less",
        "sass",
        "typescript",
        "typescript-config",
        "webpack-config"
    ]
}

Si desea tener más control sobre las sugerencias y los analizadores que se activan, cree un .hintrc archivo local para configurar webhint. Para obtener ayuda con la salida de sugerencias específicas, consulte Guía para usuarios de webhint.

Ponerse en contacto con el equipo de webhint

Envíe sus comentarios archivando un problema en el repositorio webhint de github.

Para contribuir a la extensión, consulte Guía de contribución de extensión de código de vs.

Consulte también