Skip to content

Latest commit

 

History

History
26 lines (14 loc) · 1.34 KB

README.md

File metadata and controls

26 lines (14 loc) · 1.34 KB
Raw

Vscode extension

custom Jump to definition feature

The project I am working on at my work is using css-modules. However, it doesn't work well with css modules extension, because the project is using clojure. So I had to open CSS files whenever I had to fix something, which is somewhat irritating. So I made a Vscode extension to customize the Jump to definition feature.

How it works

To customize language related features in vscode, check this document. In this project, I used vscode.languages.registerDefinitionProvider API.

  1. First, the extension is activated when it is a Clojure project.

  2. When someone tries to jump to definition by hovering the mouse on some keywords, it provides the location of the definition based on the action I defined in CSSModuleDefinitionProvider.

  3. When there are multiple definitions of the selected keyword, it shows definitions of the classname in the target CSS file.

Preview

Ref

I got a lot of inspiration from those two extentions to make this extension.