本文共 482 字，大约阅读时间需要 1 分钟。

步骤一：安装Webpack Developer Server

进入终端执行以下命令安装Webpack Developer Server组件：

npm install -D webpack-dev-server

请确保npm命令正确执行，确认 wagon 即将安装入项目依赖中。

步骤二：配置Webpack Developer Server

创建或编辑项目根目录下的 package.json 文件，将如下配置添加到 "scripts" 部分：

{  "scripts": {    "dev": "webpack-dev-server --open --port 3000 --contentBase src --hot"  }}

请注意，包/class 中必须使用双引号包起，键名和对应值均需标注双引号。

步骤三：启动开发服务器

进入终端执行以下命令启动服务器：

npm run dev

确保运行指令正确，开发服务器将自动在3000端口启动，默认开启静站模式和自动热重启功能。

完成以上配置后，将直接在浏览器中查看修改后的内容即可，系统会自动刷新以反映文件更改。