安装 webpack-dev-server

安装webpack-dev-server有两种方式：全局安装和项目依赖安装。

1. 全局安装：如果你希望将webpack-dev-server作为命令行工具使用，你需要在全局安装webpack-dev-server。可以使用以下命令进行全局安装：

   npm install webpack-dev-server@1.16.5 -g

2. 项目依赖安装：因为webpack-dev-server完全依赖于webpack，所以你需要在项目中先安装webpack，并在webpack配置文件中进行相应的配置。可以按照以下步骤进行安装和配置：
- 首先，确保你的项目中已经安装了webpack。如果没有安装，可以使用以下命令进行安装：

     npm install webpack --save-dev

- 接下来，在项目的webpack配置文件（一般是webpack.config.js）中添加webpack-dev-server的相关配置。具体配置可以根据你的项目需求进行调整，以下是一个示例配置：

     const path = require('path');
     
     module.exports = {
       // 其他webpack配置项...
       
       devServer: {
         contentBase: path.resolve(__dirname, 'dist'), // 指定静态文件的根目录
         port: 8080, // 设置dev server的端口号，默认为8080
         open: true, // 自动打开浏览器
       }
     };

完成以上步骤后，你就可以在项目中使用webpack-dev-server了。