使用 npm dev server 进行开发服务器搭建

npm dev server 是一个在进行前端开发时常用的命令。它可以帮助我们快速搭建一个本地开发服务器，方便进行前端开发调试。

安装

在使用 npm dev server 命令前，我们需要先在项目中安装 http-server 模块。可以通过以下命令进行安装：

npm install http-server --save-dev

使用

基本使用

使用 npm dev server 命令启动开发服务器，具体格式如下：

npm run dev

此命令将会在 package.json 文件中寻找 scripts 属性下名为 dev 的脚本，并执行该脚本。

在 package.json 文件中可以像下面这样配置该脚本：

{
  "scripts": {
    "dev": "http-server"
  }
}

这样就可以直接使用 npm run dev 命令启动开发服务器了。

端口、根目录配置

如果需要指定服务器监听的端口、服务器根目录等配置项，可以在 http-server 命令后添加对应的参数。例如：

{
  "scripts": {
    "dev": "http-server ./dist -p 8080"
  },
}

这样服务器将会监听 8080 端口，根目录为 ./dist。

更多参数及配置详细说明，可以通过 http-server --help 命令查看。

结语

npm dev server 命令的使用，在前端开发过程中是非常常用的。通过该命令快速启动本地服务器，可以方便地进行开发调试。同时，使用该命令也可以更方便地与同事或团队进行开发交流。