Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>前端部署助手New to Visual Studio Code? Get it now.
前端部署助手

前端部署助手

hhyk

|
4 installs
| (0) | Free
一键部署前端到服务器,支持版本管理与回滚
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

使用说明

本插件通过 VSCode 侧边栏提供可视化界面,让你可以快速把网页发布到服务器上。

准备工作

在开始之前,请确保你已经:

  1. 在 VSCode 中打开了需要发布的项目文件夹。
  2. 确认本地的 dist 文件夹(或公司规定的发布文件夹)已经生成了最新的网页文件。

配置

点击 VSCode 左侧活动栏中的图标,即可打开部署面板。 进入第三个选项配置连接和上传信息

一键部署

这是最常用的功能。当你完成了网页修改,想让全世界都看到时:

点击“一键部署”:在插件面板顶部找到该按钮。

输入标签:在弹出的输入框中输入一个简短的标签(8字以内),例如 官网大促版 或 修复登录Bug。

输入描述(可选):可以详细记录这次改了什么,方便以后查找。

等待上传:右下角会弹出进度条。

回滚(版本切换)

如果新发布的版本发现严重问题,需要立即恢复到之前的状态:

在插件面板的 “历史版本” 列表中,找到那个正常的旧版本。 点击版本旁边的 “↩️ 回滚” 图标。 在确认弹窗中选择“确定”。 稍等片刻:插件会自动把当前有问题的版本备份,并将你选中的旧版本重新推回线上。网站将瞬间恢复到选中的那个时刻。

清理和维护

删除版本:如果历史版本太多(比如半年前的测试版),点击版本右侧的 “🗑️ 垃圾桶” 图标即可删除,以节省服务器空间。 查看状态:版本列表中置顶的通常就是当前正在运行的版本。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft