📜  如何在您的项目中安装和使用 lite-server ?

📅  最后修改于: 2022-05-13 01:56:38.603000             🧑  作者: Mango

如何在您的项目中安装和使用 lite-server ?

Lite-server是一个轻量级的开发服务器,它为 Web 应用程序提供服务,在浏览器中打开它,并在对源代码进行 HTML 或 JavaScript 更改时刷新页面。这有助于在开发过程中节省时间,因为用户不必在每次进行更改时手动刷新页面。安装和使用 lite-server 必须遵循以下步骤:

1. 安装 Node.js:
Node.js 管理 npm 库和依赖项以在加载特定页面时支持某些浏览器。它还为 localhost(本地机器)上的运行时环境提供服务。

  • Node.js 可以从他们的官方网站下载。
  • 按照安装向导中的说明安装下载的设置。
  • 安装后,可以使用以下命令检查 Node 版本。
    node -v

2. 创建 HTML 文件(可选)

  • 服务器将显示的 HTML 文件如下所示。这一步是可选的,任何文件都可以作为服务器显示的起点。
    HTML
    
    
    
        
        
        Document
    
    
        

    GeeksforGeeks

        lite-server example


3.初始化一个新的Node项目:

  • 导航到必须使用 lite-server 的文件夹或应用程序。

  • 在该文件夹中,使用 npm 初始化项目。参数可以根据提示指定。这将创建一个包含项目信息的 package.json 文件。

4.安装和配置lite-server

  • 在同一文件夹中,使用以下 npm 命令安装 lite-server。这将自动下载 lite-server 包并准备好进行配置。
    npm install lite-server --save-dev
    

  • 新添加的文件可以在文件夹中看到。
  • 在创建的 package.json 文件中,将起始文件更改为我们之前创建的文件(或根据您的应用程序的任何文件)。还必须在 package.json 的脚本部分下添加以下行。这将指定服务器在启动命令运行时启动。
    "start": "npm run lite",
    "lite" : "lite-server",
    

5.启动服务器

  • 现在可以使用 start 命令启动服务器。如果服务器启动成功,将显示服务器的详细信息。它还显示可用于访问服务器的本地和外部访问 URL。
    npm start
    

  • 服务器启动后,默认浏览器会在 localhost:3000 处自动启动一个新标签页,这意味着服务器已成功安装并启动。可以通过在运行服务器的命令提示符下按 Ctrl + C 来关闭服务器。

    输出: