Webhint VS Code extension
User guide
- Getting Started
Api
Concepts
Configurations
Configuring webhint
Connectors
Development flow integration
Extensions
Formatters
Hints
- AMP HTML validator
- Avoid CSS limits
- Avoid HTTP redirects
- axe accessibility check
- Babel configuration hint set
- Compatibility of CSS, HTML and JavaScript features
- Correct `Content-Type` header
- Correct manifest extension
- Correct viewport
- Disallowed HTTP headers
- External links disown opener
- Has web app manifest
- Highest document mode
- HTTP cache
- Manifest has name
- Minify JavaScript
- Modern DOCTYPE
- No `createElement` with SVG
- No `P3P` headers
- No broken links
- No byte-order mark
- No protocol-relative URLs
- No small error pages
- No vulnerable libraries
- Nu HTML test
- Optimal compression
- Optimize images
- Performance budget
- Prefixed CSS first
- scoped-svg-styles
- Specify button type
- SSL server test
- TypeScript configuration hints set
- Unneeded HTTP headers
- Use `Strict-Transport-Security` header
- Use `X-Content-Type-Options` header
- Use Apple touch icon
- Use charset `utf-8`
- Use HTTPS
- Use subresource integrity
- Valid `Set-Cookie` header
- Valid `theme-color`
- Valid manifest
- webhint
- webpack configuration hints set
Parsers
Server configurations
Telemetry
Troubleshoot
- Api
- Concepts
- Configurations
- Configuring webhint
- Connectors
- Development flow integration
- Extensions
- Formatters
- Hints
- Parsers
- Server configurations
- Telemetry
- Troubleshoot
Webhint VS Code extension
Use webhint
to improve your website - during development.
This extension runs and reports diagnostics for workspace files
based on webhint
analysis.
Configuration
This extension will use the @hint/configuration-development
configuration by default. This configuration activates hints and parsers
for HTML and templating systems (JSX/TSX, Angular, etc.),
JavaScript/TypeScript, common pitfalls, and more. Refer to the package
to learn more about what is enabled.
This should be a good starting point for everyone. If you encounter any false positives please open an issue in GitHub.
If you want more control over what gets activated, you can create a
local .hintrc
file to configure webhint
. Please read the
user guide to know more about this file.
Contributing to the extension
To contribute to the extension please read the CONTRIBUTING.md
file of the package.
Help
Learn more about webhint at webhint.io. For help with output
from specific hints, see the webhint
user guide.