必须立即解决端口8080被占用问题：先以管理员身份运行powershell，执行netstat -ano | findstr :8080获取pid，再用taskkill /f /pid [pid]强制终止进程；或改webpack-dev-server端口为8081等可用端口。
启动 webpack-dev-server 时提示端口 8080 已被占用，导致本地开发服务器无法启动，访问 localhost:8080 页面直接显示连接被拒绝，这是前端开发中高频出现的阻断性问题，必须立即解决才能继续编码调试。
查出谁占了8080端口
以管理员身份打开 Windows PowerShell（右键开始菜单→Windows PowerShell（管理员）），执行：
netstat -ano | findstr :8080
如果输出为空，说明当前没有进程监听 8080；若出现类似 TCP 0.0.0.0:8080 0.0.0.0:0 LISTENING 12345 的行，请记下末尾的 PID 数字（此处为 12345）。这一步不能跳过——不确认 PID 就无法精准终止进程，盲目杀进程可能误关系统服务。
【注意：PowerShell 必须以管理员身份运行，否则 netstat 可能无法显示所有进程的 PID】
强制结束占用进程
方法一：命令行一键终止
在刚才的 PowerShell 窗口中，直接输入：
taskkill /F /PID 12345（把 12345 替换成你上一步查到的真实 PID）
看到“成功终止进程”即完成。这步操作极快，无需重启终端或 IDE。
方法二：任务管理器可视化操作
按 Ctrl+Shift+Esc 打开任务管理器 → 切换到“详细信息”页签 → 点击“PID”列排序 → 找到对应 PID 的进程 → 右键 → “结束任务”。适用于对命令行不熟悉、或想确认进程名称再动手的场景。
改用其他端口启动项目
第一步：打开项目根目录下的 vue.config.js（Vue CLI 项目）或 webpack.config.js（原生 Webpack 项目）
第二步：在 devServer 配置项中添加 port 字段：
devServer: {
port: 8081,
host: 'localhost',
open: true
}
第三步：保存文件，重新运行 npm run serve 或 yarn serve
第四步：浏览器自动打开 http://localhost:8081，验证页面是否正常加载
这个配置会覆盖 webpack-dev-server 默认的 8080 端口，且只影响当前项目，不影响其他服务。若 8081 也被占，可顺延试 8082、9000 等未被占用端口。
