插件、web端和cli三种方式可自动生成含构建命令、环境变量、nginx路径及https适配的部署章节：插件依赖package.json自动识别脚本；web端支持模板锁定与docker/https增强；cli支持追加或覆盖部署模块。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要为前端项目快速生成一份包含构建命令、环境变量配置、Nginx 部署路径和 HTTPS 适配说明的 README 部署章节，但手动整理易遗漏细节、格式不统一，且不同部署环境（Docker / Nginx / Vercel）需差异化描述。
用 VS Code 插件生成带部署章节的完整 README
该方法适用于已打开前端项目根目录、且项目中存在 package.json 或 vite.config.ts 等构建配置文件的开发者，插件能自动识别打包脚本与服务端口配置。
第一步：确保当前工作区是项目根目录，其中必须包含 【package.json】 文件，否则插件无法推断构建命令与依赖项。
第二步：按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS），输入 “CodeGeeX: Generate README”，回车执行。
第三步：等待约 10 秒，插件完成分析后自动生成 README.md 并在编辑器中打开。检查文档末尾是否出现 “## 部署说明” 章节——若未出现，说明项目中缺少明确的 scripts.build 或 scripts.preview 字段，需手动补全后再重试。
第四步：找到 “## 部署说明” 下的子章节，确认是否包含 “本地构建”、“Nginx 静态托管” 和 “环境变量注入” 三部分内容。其中 Nginx 配置块应含 location / { root /var/www/my-app; try_files $uri $uri/ /index.html; } 这类关键路由回退逻辑。
用 Web 端上传压缩包定制部署章节
当你需要为多个前端项目批量生成风格一致、且强制包含 Docker 部署流程的 README 时，网页版支持模板锁定与字段增强，比插件更可控。
方法一：访问 CodeGeeX 官网文档生成页 → 点击“上传项目” → 选择已打包的 frontend-v2.3.zip（确保压缩包顶层为项目名目录，不要套多一层父文件夹）→ 在模板下拉框中选 “Frontend Deployment Ready”。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
方法二：上传后，在“增强选项”中勾选 “生成 Dockerfile 说明” 和 “添加 Nginx HTTPS 重定向配置” → 点击“开始生成” → 下载生成的 README.md。
注意：若项目使用 Vite + SSR 模式，Web 端会自动识别 server.mjs 或 entry-server.js 并在部署章节中插入 node -r dotenv/config server.mjs dotenv_config_path=.env.production 启动命令，无需额外提示。
用 CLI 工具注入独立部署模块
该方式适合将部署说明作为可复用模块嵌入已有 README，不覆盖原内容，仅追加结构化区块，特别适用于 CI 流程中自动更新部署信息。
1、终端进入项目根目录，执行：codegeex readme --section deployment --lang zh --template frontend-nginx
2、命令运行后会在 README.md 底部新增一个 “## 部署说明” 章节，并严格按 Nginx 最佳实践填充内容：包括 upstream 定义、gzip 启用、CSP 头建议值、以及 /assets/ 路径的 expires 1y 设置。
3、如需切换为 Docker 部署模板，只需将参数改为 --template frontend-docker，生成内容将立即替换为 Dockerfile 构建步骤、multi-stage 说明及 docker-compose.yml 示例片段。
4、若项目已存在 “## 部署说明”，CLI 默认跳过；如需强制覆盖，必须显式添加 【--force-section】 参数，否则不会修改原有章节。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
