Surge 是一个开源的 Web 应用框架，主要用于前端应用的构建和部署。以下是安装 Surge 的方法

安装 Node.js

确保你的系统已经安装了 Node.js 和 npm,可以通过以下方式安装：

• Windows：从 Node.js 官方网站 下载并安装。
• Mac：使用 Homebrew：

  brew install node

• Linux：根据你的系统包仓库安装 Node.js。

安装 Surge CLI

安装 Surge 后，可以通过命令行工具（CLI）来管理项目，使用以下命令安装 Surge CLI：

• 全球安装（推荐）：

  npm install -g surge

• 局部安装（可选）：

  npm install surge

初始化 Surge 项目

创建一个新的 Surge 项目，可以使用 surge init 命令：

surge init

这会在当前目录下创建 surge.json 文件,并打开默认编辑器进行配置。

使用 Surge CLI 创建项目

安装完成后，可以通过 CLI 创建新项目：

surge create my-project

这会自动打开默认编辑器，生成 my-project 目录下的 surge.json 文件。

构建项目

Surge 项目需要通过构建工具（如 Vite、Webpack 等）构建成静态文件，假设你使用 Vite：

1. 创建或进入项目目录：

   cd my-project

2. 初始化 Vite 项目：

   npx vite create

3. 构建项目：

   npx vite build

   这将生成构建文件在 dist 目录。

部署到 Surge

将构建好的项目部署到 Surge：

surge build

Surge 会将构建文件推送到 Surge 的服务器,并生成一个公共访问链接。

访问部署项目

部署完成后，Surge 会生成一个链接,你可以通过浏览器访问这个链接即可看到你的应用。

使用 Surge CLI 命令

常用 CLI 命令：

• 构建并部署项目：

  surge build

• 只构建项目：

  surge build --no-push

• 更新项目并重新部署：

  surge push

配置 Surge 项目（可选）

surge.json 文件的配置：

{
  "app": "app.html",
  "dist": "dist/",
  "port": 300,
  "domain": "你的域名",
  "static": "dist/static",
  "rights": "public"
}

进阶使用

• 多环境部署：通过 surge.json 配置不同的环境（如开发、测试、生产）。
• 自定义构建命令：可以在 package.json 中添加构建脚本,定制构建流程。
• 自动化部署：使用 GitHub Actions 或其他 CI 工具,自动化项目构建和部署。

通过以上步骤，你可以轻松安装并使用 Surge 进行前端项目的构建和部署，如果有其他问题，可以参考 Surge 的官方文档 或社区求助。