HTML Preview
Preview local HTML files in VS Code.
Features
- Preview button appears in the editor title area when opening
.html files
- Click the button to open a preview tab alongside the editor
- Loads local CSS, JavaScript, images and other resources from the same directory
- Click
http/https links in the preview to open them in your default browser
- Auto-refresh the preview when the HTML file is saved
Usage
- Open any
.html file
- Click the preview button (eye icon) in the top-right corner of the editor
- The preview panel opens on the right side
Installation
Search "HTML Preview" in the VS Code extension marketplace.
To run locally:
git clone <repo-url>
cd html-preview
npm install
Then press F5 in VS Code to launch the extension development host.
Requirements
- VS Code 1.85+
- Node.js 20+
License
MIT
| |
