DEMO.md

Drag And Drop Import Relative Path (DEMO)

This extension helps developers to quickly and easily import files by dragging them from the tree view to their active text editor. The extension simplifies the workflow, allowing developers to save time and improve their productivity by eliminating the need to type long and tedious import statements and file paths.

Supported file extensions

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

Usage

1. Drag supported files from the tree view.
2. Hold shift
3. Drop them into any of your active editors.

Active text editor Drop (to)	Supported file extensions Drag (from)
.html	.js, .css, .gif, .jpeg, .jpg, .png, .webp
.md	self, .gif, .jpeg, .jpg, .png, .webp
.js, .ts	self
.jsx	self, .js, .json .css,.sass .scss .png, .jpg, .gif, .svg, .webp .woff, .woff2, .ttf, .eot .md, .yml, .yaml, .html
.tsx	self, .ts, .js, .json .css, .sass .scss .png, .jpg, .gif, .svg, .webp .woff, .woff2, .ttf, .eot .md, .yml, .yaml, .html
.css	self, .gif, .jpeg, .jpg, .png, .webp
.scss	self, .css, .gif, .jpeg, .jpg, .png, .webp

Typescript/Javascript/TSX/JSX support

• Typescript/Javascript/TSX/JSX drag import

Active text editor Drop (to)	Supported file extensions Drag (from)
.js, .ts	self
.jsx	self, .js, .json .css,.sass .scss .png, .jpg, .gif, .svg, .webp .woff, .woff2, .ttf, .eot .md, .yml, .yaml, .html
.tsx	self, .ts, .js, .json .css, .sass .scss .png, .jpg, .gif, .svg, .webp .woff, .woff2, .ttf, .eot .md, .yml, .yaml, .html

HTML support

• CSS drag import
• Javascript drag import
• Images drag import

Active text editor Drop (to)	Supported file extensions Drag (from)
.html	.js, .css, .gif, .jpeg, .jpg, .png, .webp

CSS/SCSS support

• CSS drag import
• SCSS drag import

Active text editor Drop (to)	Supported file extensions Drag (from)
.css	self, .gif, .jpeg, .jpg, .png, .webp
.scss	self, .css, .gif, .jpeg, .jpg, .png, .webp

Markdown support

• Markdown drag import
• Images drag import

Active text editor Drop (to)	Supported file extensions Drag (from)
.md	self, .gif, .jpeg, .jpg, .png, .webp