DEV Community

loading...

See ESLint rules detail in VSCode with LintLens plugin

beatrizrezener profile image Beatriz Rezener ・1 min read

Exploring projects on github, I came across an eslint-plugin-import issue where it was complained that "LintLens" was unable to present information about a specific eslint rule.

So, I found out that LintLens is a plugin to help us manage and understand ESLint rules directly in VSCode. 😁

In eslint configuration file, the rules description is presented inline. When hovering, other metadata is presented, along with a link to documentation page:

Alt Text

Pretty cool, right?

Extension page: https://marketplace.visualstudio.com/items?itemName=ghmcadams.lintlens

Ah, and I solved the issue by simply adding metadata to the rule :-)

Discussion

pic
Editor guide