Vue应用部署到华为云ECS

Community

一键部署Vue应用并实现生产CI/CD

Authorcreeper-RedWHU
Version1.0.0
Installs0

System Documentation

What problem does it solve?

解决把Vue前端应用从本地代码快速上线到华为云ECS,并持续集成/持续部署到生产环境时,搭建资源、配置Nginx、编写部署流程与CI/CD的高成本与易出错问题。

Core Features & Use Cases

  • Infrastructure as Code 自动创建资源:使用Terraform在华为云上自动创建VPC、子网、安全组、ECS与EIP,并给出部署后的访问与SSH信息。
  • ECS上自动部署运行环境与应用:通过SSH自动安装Node.js与Nginx,建立应用目录,并构建Vue产物(dist)后完成静态托管。
  • GitHub Actions CI/CD 自动化发布:在main分支push时执行lint、单测、构建并将dist部署到ECS,完成备份、重载Nginx与健康检查(失败可回滚)。

适用场景:团队协作开发、需要快速搭建“可持续发布”的前端生产环境、希望以可复用脚本标准化部署流程,并在部署失败时保留稳定版本继续服务。

Quick Start

Use this skill to deploy your Vue 3 app to Huawei Cloud ECS by running the full Terraform provisioning, then uploading/building the app on the server, and finally configuring the GitHub Actions workflow with ECS_HOST/ECS_USER/ECS_PASSWORD secrets.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Vue应用部署到华为云ECS
Download link: https://github.com/creeper-RedWHU/HuaweiCloudProj/archive/main.zip#vue-ecs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.