掌握基础命令行操作是网页开发提效关键：快速进入目录、查杀端口占用、批量重命名文件并验证、结合浏览器开发者工具检查响应头，确保本地服务正常与编码正确。
网页制作过程中需要频繁操作文件系统、检查本地服务、验证代码路径和调试浏览器行为，这些任务离不开命令行工具的直接干预。不掌握基础命令，光靠图形界面点击会严重拖慢开发节奏，比如改个文件名要开三次窗口，查个端口占用得重启软件。
快速定位项目文件夹并进入工作目录
打开终端（Windows用CMD或PowerShell，macOS/Linux用Terminal），输入 cd 命令加空格再拖入你的网页项目文件夹——这比手动一层层敲路径快得多，也避免拼错斜杠方向。
如果拖不进去，就用 cd Desktop\my-website（Windows）或 cd ~/Desktop/my-website（macOS/Linux），注意Windows用反斜杠\，其他系统必须用正斜杠/。
【路径中含空格必须用英文引号包裹，否则命令会截断】
检查本地服务器是否已占用3000端口
运行 npm start 或 python -m http.server 3000 时若报“address already in use”，说明3000端口被占用了。
方法一（Windows）：执行 netstat -ano | findstr :3000 → 找到最后一列PID → 再执行 taskkill /PID 12345 /F（把12345换成实际PID）。
方法二（macOS/Linux）：执行 lsof -i :3000 → 找到COMMAND列对应进程 → 执行 kill -9 12345（12345为PID）。
这一步不能跳过，否则本地预览永远打不开，浏览器一直显示“拒绝连接”。
批量重命名HTML文件并验证修改结果
第一步：进入项目根目录后，执行 dir *.html（Windows）或 ls *.html（macOS/Linux），确认当前有哪些HTML文件。
第二步：把 index_old.html 改成 index.html，用命令 ren index_old.html index.html（Windows）或 mv index_old.html index.html（macOS/Linux）。
第三步：立刻再执行一次 dir *.html 或 ls *.html，核对输出列表里是否已更新为新文件名——别只信自己按了回车，很多新手改完不验证，结果启动的是旧文件。
第四步：用 code . 命令在VS Code中打开当前文件夹（需提前安装Shell命令），直接编辑刚重命名的文件，避免手动双击打开错误副本。
查看当前网页的HTTP响应头信息
在浏览器中打开本地网页（如 http://localhost:3000），按 F12 打开开发者工具 → 切换到 Network 标签页 → 刷新页面 → 点击左侧第一个请求（通常是 document 类型）→ 查看右侧 Headers 面板里的 Response Headers。
重点看 Content-Type 是否为 text/html; charset=UTF-8，如果不是，说明HTML文件保存时编码选错了，中文会乱码。
这个操作不需要命令行，但它是命令驱动开发流程中不可跳过的验证环节——写完代码必须亲眼确认HTTP层没出问题。
