https://github.com/0xdaniiel/vscode-import-hover-preview

A VS Code extension that lets you hover over an import path to preview the file’s contents with syntax highlighting; configurable preview lines, click-to-open, and more.
https://github.com/0xdaniiel/vscode-import-hover-preview

code-navigation developer-productivity-tool hover-preview import-preview javascript syntax-highlighting typescript vscode vscode-extension

Last synced: 29 days ago
JSON representation

A VS Code extension that lets you hover over an import path to preview the file’s contents with syntax highlighting; configurable preview lines, click-to-open, and more.

• Host: GitHub
• URL: https://github.com/0xdaniiel/vscode-import-hover-preview
• Owner: 0xDaniiel
• License: isc
• Created: 2025-08-10T15:33:56.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-08-13T13:40:32.000Z (10 months ago)
• Last Synced: 2025-08-13T15:17:10.802Z (10 months ago)
• Topics: code-navigation, developer-productivity-tool, hover-preview, import-preview, javascript, syntax-highlighting, typescript, vscode, vscode-extension
• Language: JavaScript
• Homepage:
• Size: 10.7 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Version](https://img.shields.io/visual-studio-marketplace/v/0xDaniiel.vscode-import-hover-preview)

![Installs](https://img.shields.io/visual-studio-marketplace/i/0xDaniiel.vscode-import-hover-preview)

![Rating](https://img.shields.io/visual-studio-marketplace/r/0xDaniiel.vscode-import-hover-preview)

# 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](https://marketplace.visualstudio.com/items?itemName=0xDaniiel.vscode-import-hover-preview)

2. Or clone and install locally:

```bash

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 Video below

![Hover Preview Demo](images/demo.gif)

## Configuration

- `importHoverPreview.previewLines` — Number of lines to show _(default: 10)_.

---

## License

[ISC](LICENSE.txt)