RapidPreview

---

Discription

RapidPreview is a CLI tool that provides a live preview for your HTML document while developing websites. It refreshes a webpage whenever there is change in a particular directory.

Instalation

• To install first you need nodejs installed. click here to downloat node

• Type following command to install

    npm i -g rapid-preview

• Or run npx command directly

    npx rapid-preview@latest < arguments,>

usage

• Got to any directory that includes a html file.
• If the directory have only one html file , Simply run " rapidpreview "
• If you have multiple files, Then specify the filename. Like " rapidpreview <file_name.html> "
• If the default PORT is not available, Specify the port like " rapidpreview index.html --port 5000 "

• node: If you'r using editer like VScode and wanna use integrated terminal, Then follow the steps.
  

  • Run "npm init" to create npm project.
  • In npm json file add command to a script, For Example, In Package File:
    

    {
        "name": "my-package",
        "version": "1.0.0",
        "description": "",
        "main": "index.js",
        "dependencies": {}
        "devDependencies": {},
        "scripts": {
            "run-rapidpreview": "rapidpreview index.html"
        },
        "author": "-Author-name-"
    }
    

    In here I added a script "run-rapidpreview".
  • Run that script using "npm run <script-name>", In previous example <script-name> is run-rapidpreview.

Argument List

---

• --help _optional

  To Show help

      rapidpreview --help
  

---

• --port _optional

  To specify the PORT

  rapidpreview --port 3000
  

  default:: 4040

---

• --path _optional

  To specify the path to watch

  rapidpreview --path "E://my_app/"
  

  default:: '.' (current path)

---

• --file _optional

  To specify the file name

  rapidpreview --file mysite.html
  

  default:: <first file in the path>

Example

    rapidpreview index.html

    rapidpreview --path C://Github/myApp --file example.html --port 3000