Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Import Hover PreviewNew to Visual Studio Code? Get it now.
Import Hover Preview

Import Hover Preview

0xDaniiel

|
1 install
| (1) | Free
Hover over an import path to instantly preview the file's contents — with syntax highlighting, configurable preview lines, and a click-to-open option.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Version Installs Rating

VS Code Import Hover Preview

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.


✨ Features

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

🚀 Installation

  1. Download from the VS Code Marketplace
  2. Or clone and install locally:
git clone https://github.com/0xDaniiel/vscode-import-hover-preview.git
cd vscode-import-hover-preview
npm install

📖 Usage

  1. Hover over any import path (e.g., import x from './file.js').
  2. A tooltip will appear with the file’s preview.
  3. Click inside the tooltip to open the file fully.

🎥 Demo

Hover Preview Demo

🛠 Configuration

  • importHoverPreview.previewLines — Number of lines to show (default: 10).

📜 License

ISC

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