How to install and use lite-server in your Project ?

06 Oct, 2021
Lite-server is a lightweight development server that serves a web application, opens it in the browser, and refreshes the page when HTML or JavaScript changes are made to the source code. This can help save time during development as the user does not manually have to refresh the page every time a change is made. The following steps have to be followed to install and use lite-server:
1. Install Node.js:Node.js manages npm libraries and dependencies to support some browsers when loading particular pages. It also serves the run-time environment on the localhost (local machine).
Node.js can be downloaded from their official website.
Install the downloaded setup by following the instructions in the installation wizard.
After installation, the Node version can be checked using the following command.node -v
node -v
2. Create the HTML file (Optional)
The HTML file would be displayed by the server is given below. This step is optional and any file can be used as the starting point for the server to show.HTMLHTML<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport"           content="width=device-width,                   initial-scale=1.0">    <title>Document</title></head><body>    <h1>GeeksforGeeks</h1>    lite-server example</body></html>
HTML
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport"           content="width=device-width,                   initial-scale=1.0">    <title>Document</title></head><body>    <h1>GeeksforGeeks</h1>    lite-server example</body></html>
3. Initialize a new Node project:
Navigate to the folder or application where the lite-server has to be used. 
In that folder, use npm to initialize a project. The parameters can be specified as asked by the prompt. This will create a package.json file containing information about the project.
4. Install and configure lite-server
In the same folder, install lite-server using the below npm command. This will automatically download the lite-server package and make it ready to be configured.npm install lite-server --save-dev

npm install lite-server --save-dev

The newly added files can be seen in the folder.
In the package.json file that is created, change the starting file to the one we created earlier (or any file according to your application). The following lines have to be also added under the scripts section in the package.json. This will specify the server to start whenever the start command is run."start": "npm run lite",
"lite" : "lite-server",

"start": "npm run lite",
"lite" : "lite-server",

5. Start the server
The server can now be started using the start command. The details of the server would be displayed if the server started successfully. It also shows the local and external access URLs that can be used to access the server.npm start

npm start

After the starting of the server, the default browser will automatically start a new tab at localhost:3000 which means the server was successfully installed and started. The server can be closed by pressing Ctrl + C in the command prompt running the server.Output:
Output:
how-to-install
JavaScript-Misc
Node.js-Misc
How To
Installation Guide
JavaScript
Node.js
Web Technologies
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
How to filter object array based on attributes?
How to Align Text in HTML?
How to Install FFmpeg on Windows?
How to Set Git Username and Password in GitBash?
How to integrate Git Bash with Visual Studio Code?
Installation of Node.js on Linux
How to Install FFmpeg on Windows?
How to Install Anaconda on Windows?
Installation of Node.js on Windows
How to Install and Run Apache Kafka on Windows?