A VS Code extension that lets you hover over an import path to instantly preview the file’s contents — with syntax highlighting, configurable preview lines, and a click-to-open option.
| Feature | Description |
|---|---|
| Hover Preview | Instantly see file contents on hover |
| Syntax Highlighting | Readable previews with keyword coloring |
| Configurable Lines | Show 5, 10, 20+ lines as you prefer |
| Click-to-Open | Open the file directly from tooltip |
- Download from the VS Code Marketplace
- Or clone and install locally:
git clone https://github.com/0xDaniiel/vscode-import-hover-preview.git
cd vscode-import-hover-preview
npm install- Hover over any import path (e.g.,
import x from './file.js'). - A tooltip will appear with the file’s preview.
- Click inside the tooltip to open the file fully.
importHoverPreview.previewLines— Number of lines to show (default: 10).