Implementing best practices for the web with the webhint VS Code extension (v1 release)

Rachel Simone Weil
webhint
Published in
2 min readMar 3, 2020
An animation showing the webhint VS Code extension

The webhint team is proud to share that the webhint VS Code extension has moved out of preview and into its official v1 release! You can upgrade or download the VS Code extension from the VS Code extensions marketplace.

The webhint VS Code extension analyzes your codebase to help you identify and fix common issues related to accessibility, browser compatibility, security, performance, and more. Read more at https://webhint.io/.

What’s new in the v1 release

Soon after the v1 release of the browser extension, we went to work adding some highly-requested features for the VS Code extension (and fixed a few bugs in the process). Here are a few of the highlights.

Hint severity

We’ve reviewed and set a default severity (“Error,” “Warning,” etc.) for every message generated by webhint based on impact. This should help you focus on the most important issues first.

Support for TypeScript and JSX/TSX filetypes

webhint VS Code extension identifying a problem in the codebase and displaying hints

Developers who use TypeScript and/or React will be happy to hear that HTML and JavaScript hints now run against TypeScript files as well as templated JSX and TSX files.

Support for LESS and SASS

Additionally, we’ve added webhint support for filetypes associated with CSS preprocessors LESS and SASS.

Additional improvements and bug fixes

  • Fixed underlining of CSS properties (#3130)
  • Improved stability (#3377)

webhint ❤ open source

webhint mascot Nellie at a computer

If you have feedback or would like to get involved in the future development of webhint, please find us on GitHub, Gitter, or Twitter.

--

--

Rachel Simone Weil
webhint

ɳɵ ɓɑɖ ɱɛɱɵʀɩɛʂ 💾 Design, 6502 ASM, Node.js, glitch, vintage tech + toys. See also: @femicommuseum. Whimsical PM at @Microsoft.