Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Relative ImportNew to Visual Studio Code? Get it now.
Relative Import

Relative Import

Saidur Rahman

|
1,538 installs
| (1) | Free
VS Code package to make it super easy to write your import or require statements for JavaScript / TypeScript / Flow.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

relative-import README

VS Code package to make it super easy to write import or require statements for your JavaScript / TypeScript.

Features

Just press Ctrl+Shift+C (Mac: Cmd+Shift+C) to copy the file in your Editor (the "target" file) and then move over to the file you will be referencing the "target" file and just press Ctrl+Shift+V (Mac: Cmd+Shift+V) to reference the "target" file.

Alternatively, press Ctrl+Shift+A (Mac: Cmd+Shift+A) and type the file in "Quick Pick" mode to reference the "target" file from the active editor.

Simple right? Just to recap

  • Ctrl+Shift+C to copy the target file, 👌
  • Ctrl+Shift+V to paste the target file to the source file, 👍 and its 🤩

Alternatively,

  • Ctrl+Shift+A to target the file from your source file, 💪

Copy/paste path from external directory

GIF

Copy/paste path from same directory

GIF

Release Notes

1.3.1

Bug fix.

1.3.0

Cached project file lookup from Quick pick. Major refactor.

1.2.2

Minor updates

1.2.1

Show error messages instead of throwing Javascript errors

1.2.0

Add Quick Pick in Active Editor

1.1.2

Minor documentation changes and add GIPHY for demo

1.1.1

Minor documentation changes

1.1.0

Add key bindings for extension

1.0.0

Initial release of relative-import


Contribute

Feel free to open issues or PRs!

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft