Lightweight HTML hot reload tool for front end developers
A new Node.js package, Live HTML, offers a CLI tool for serving HTML files locally with hot reloading. It enhances productivity and serves as an alternative to Visual Studio Code's Live Server.
Read original article
A new Node.js package called Live HTML has been released, providing a lightweight command-line interface (CLI) tool that serves as an alternative to the Live Server extension in Visual Studio Code. The package, published as version 1.0.3, allows users to serve HTML files locally with hot reloading capabilities, enhancing productivity. To get started, users need to install the package globally using the command `npm i -g @abenezer-daniel/live-html`, navigate to their project directory, and launch the server on a specified port (recommended options include 2000, 3000, 4000, or 5000) using the command `live-html port-number`. After launching, users can access their HTML files in a browser at `http://localhost:port-number/path/to/your/file`. For the hot reload feature to function correctly, a valid HTML skeleton with a body tag is required. If the HTML file is named index.html, users can simply enter the root URL. The tool is designed to automatically reflect changes made to the HTML file in the browser without needing a manual refresh.
- Live HTML is a new CLI tool for serving HTML files locally.
- It offers hot reloading to improve development efficiency.
- Users must install the package globally and specify a port to launch the server.
- A valid HTML skeleton is necessary for the hot reload feature to work.
- The tool is a lightweight alternative to the Live Server extension in VS Code.
Related
Show HN: VS Code Extension to skip the noisy web tools (JSON Prettify, and more)
SmallOnlineTools offers over 150 ad-free web tools for developers to simplify tasks. Tools include case conversion, base64 encoding, text sorting, and more. Users can access tools online, in Visual Studio Code, or desktop app for free. Feedback and feature requests are welcomed.
Show HN: Preprocessor I've been working 4 years now
Pretty Markup is a new HTML preprocessor that enhances readability with a human-friendly syntax, eliminating angle brackets. It allows clean code writing, is open for contributions, and is licensed under MIT.
Vitale: Live notebooks in VS Code for JavaScript/TypeScript, web development, a
Vitale is a new exploratory development tool for Visual Studio Code, enabling interactive notebooks for JavaScript and TypeScript projects, enhancing coding with live feedback, syntax checking, and real-time adjustments.
Open-source utils for devs who don't like ads
The jam-dev-utilities GitHub repository offers open-source, ad-free data conversion tools for developers, built with Next.js and React.js, requiring Node.js 20.9.0 for local setup and contributions.
Show HN: Wd-40, a static webserver with automatic hot-reloads
wd-41 is a static web server for web development with hot-reloading, 73.64% test coverage, and easy installation. It automatically refreshes the browser when file changes occur, enhancing development efficiency.
0 commentsRelated
Show HN: VS Code Extension to skip the noisy web tools (JSON Prettify, and more)
SmallOnlineTools offers over 150 ad-free web tools for developers to simplify tasks. Tools include case conversion, base64 encoding, text sorting, and more. Users can access tools online, in Visual Studio Code, or desktop app for free. Feedback and feature requests are welcomed.
Show HN: Preprocessor I've been working 4 years now
Pretty Markup is a new HTML preprocessor that enhances readability with a human-friendly syntax, eliminating angle brackets. It allows clean code writing, is open for contributions, and is licensed under MIT.
Vitale: Live notebooks in VS Code for JavaScript/TypeScript, web development, a
Vitale is a new exploratory development tool for Visual Studio Code, enabling interactive notebooks for JavaScript and TypeScript projects, enhancing coding with live feedback, syntax checking, and real-time adjustments.
Open-source utils for devs who don't like ads
The jam-dev-utilities GitHub repository offers open-source, ad-free data conversion tools for developers, built with Next.js and React.js, requiring Node.js 20.9.0 for local setup and contributions.
Show HN: Wd-40, a static webserver with automatic hot-reloads
wd-41 is a static web server for web development with hot-reloading, 73.64% test coverage, and easy installation. It automatically refreshes the browser when file changes occur, enhancing development efficiency.