【赫兹威客】框架模板-前端bat脚本部署教程

本文档为前端项目专属的bat脚本部署教程，通过项目中自带的批处理脚本可快速完成依赖安装与服务启动，操作前需确保基础环境已配置完成，全程可结合“前端bat脚本部署”视频参考操作。

一、前期准备：确认基础环境

前端部署依赖Node.js环境，需先完成Node.js的安装与验证，具体安装步骤可参考总教程“1.5 Node.js安装”章节，确保前端项目文件夹（通常命名为“hertz_server_django_ui”）完整，未缺失“init_frontend.bat”和“start_frontend.bat”两个核心脚本文件。

二、核心部署步骤

步骤1：运行依赖安装脚本

1.打开前端项目根目录（路径示例：D:\projects\hertz_django\hertz_server_django_ui），在该目录中找到名为“init_frontend.bat”的批处理脚本文件。

2. 双击“init_frontend.bat”脚本启动运行，脚本会自动执行以下操作：

• 识别项目根目录下的“package.json”依赖配置文件

• 通过npm工具自动下载并安装所有前端依赖包

• 依赖安装过程中，命令行窗口会显示下载进度及安装日志，无需手动干预

3. 等待脚本运行结束，若目录中生成“node_modules”文件夹（存放下载的依赖包），说明依赖安装完成。

步骤2：启动前端服务

1. 保持在前端项目根目录，找到“start_frontend.bat”启动脚本，双击运行该脚本。

2. 脚本运行后会启动前端开发服务器，命令行窗口会显示服务启动过程，无需手动操作。

3. 服务启动成功的标志：命令行窗口中出现类似“Local: http://localhost:3000/”（端口号可能为3001等，以实际显示为准）的访问地址提示。