DEMO.md

Auto Import Relative Path (DEMO)

Auto Import Relative Path, is an extension for VS Code that makes importing relative paths much easier and less tedious. With this extension, you can say goodbye to long and complicated import statements and file paths. It provides a simple and efficient way to import files without having to manually type out the entire path. Whether you're working on a small project or a large one with many files, this extension can save you a lot of time and effort

Supported file extensions

	File extension
Programming Language	.js, .jsx, .ts, .tsx
Markup Language	.html, .md
Stylesheet	.css, .scss

Commands

Command	Key Binding	Description	See in action
Auto Import: Copy	Ctrl+Shift+A	Copy the relative path of the selected file in Explorer.	click here
Auto Import: Paste	Ctrl+I	Paste the import statement into your active text editor.	click here
Auto Import: Auto	Alt+D	Auto copy and paste the import statement of a file from Explorer to your active text editor.	click here

Contents

• Import statement position
  • Append to cursor
  • Append to the bottom of the import list
  • Append to the top of the import list
• Keybindings
  • Auto import from Explorer
  • Single keybinding import
  • Auto import across active tabs
• HTML Support
  • Import script and stylesheet
• Markdown Support
  • Import image to markdown
  • Import markdown
• Changelog

Import statement position

Append to cursor

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.
2. Alternatively, press Alt+D to automatically import the file in your active text editor.

Append to the bottom of the import list

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.
2. Alternatively, press Alt+D to automatically import the file in your active text editor.

Append to the top of the import list

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.
2. Alternatively, press Alt+D to automatically import the file in your active text editor.

Keybindings

Auto import from Explorer

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.

Single keybinding import

1. Press Alt+D to automatically import the file in your active text editor.

Auto import across active tabs

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.

HTML Support

Import script and stylesheet

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.
2. Alternatively, press Alt+D to automatically import the file in your active text editor.

Markdown Support

Import image to markdown

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.
2. Alternatively, press Alt+D to automatically import the file in your active text editor.

Import markdown

1. Press Ctrl+Shift+A on a file in Explorer, then press Ctrl+I in your active text editor to import it.
2. Alternatively, press Alt+D to automatically import the file in your active text editor.

Changelog

See CHANGELOG for more information.

Contributing

• File bugs, or any feature requests in GitHub Issues.
• Leave a review on Visual Studio Marketplace.

Related

More extensions of mine.