Overview Version History Q & A Rating & Review
🖥️ HTML View - VS Code Extension
📄 Preview and View HTML files inside VS Code with ease!
🔥 Features
✅ Live HTML Preview in a WebView panel
✅ Supports Linked CSS & JS Files
✅ Handles Internal Links (#about
) Correctly
✅ Opens External Links in Browser
✅ Supports CTRL + ALT + V
Shortcut for Quick Preview
🚀 Installation
From VS Code Marketplace
Open VS Code
Go to Extensions (Ctrl + Shift + X
)
Search for "HTML View"
Click Install
Manual Installation
Download the .vsix
file from Releases
Open VS Code and go to Extensions
→ Click ...
→ Install from VSIX
Select the downloaded .vsix
file
🎯 Usage
Method 1: Command Palette
Open an HTML file in VS Code
Press Ctrl + Shift + P
Type "Preview HTML"
and press Enter
Method 2: Keyboard Shortcut
Press Ctrl + Alt + V
to instantly preview the current HTML file
⚙️ How It Works
The extension creates a WebView panel to render HTML files
It ensures that internal fragment links (#about
) stay inside the WebView
External links (https://example.com
) open in your default browser
It resolves relative paths for CSS/JS files automatically
📌 Keybindings
Command
Description
Shortcut
htmlView.preview
Open HTML Preview
Ctrl + Alt + V
🛠️ Development
Clone & Run Locally
git clone https://github.com/NSTechBytes/html-view.git
cd html-view
npm install
Run in VS Code
Open the project in VS Code
Press F5
to start a new VS Code instance with the extension loaded
🐛 Bug Reports & Suggestions
Found a bug? Have an idea?
👉 Create an Issue
❤️ Support
If you like this extension, consider ⭐ starring the repo!
🏆 Author
Nasir Shahbaz
🔗 GitHub | Website
📜 License
Apache 2.0 License. See LICENSE for details.