项目部署与持续集成

一、静态网站部署选项

1.Netlify：一个非常强大的平台，提供持续部署、自定义域名和表单处理等功能。它的部署流程非常简单。

2.GitHub Pages：GitHub 自带的免费部署服务，可以直接从代码仓库中发布网站。

二、Netlify 部署

1.准备项目：确保你的项目代码已经提交并推送到 GitHub 仓库。

2.登录 Netlify：使用 GitHub 账号登录 Netlify 官网

3.新建网站：点击"New site from Git"，选择 GitHub，然后授权 Netlify 访问仓库。

4.选择仓库：在列表中选择项目仓库。

5.配置构建：Netlify 会自动识别项目框架(如 Vue.js)

(1)构建命令：通常是 npm run build

(2)发布目录：通常是 dist

6.部署：点击“Deploy site”。Netlify 将会自动执行构建命令，并将 dist 目录下的内容部署到网上。

三、GitHub 部署

1.配置 GitHub Pages：在项目仓库中，进入“Setting” -> “Pages”。

2.选择分支：在 Source 下拉菜单中，选择想要部署的分支（通常是 main 或 gh-pages）。

3.配置构建目录：如果你的 Vue 项目构建后文件在 dist 目录下，你需要在 Source 旁边的文件夹下拉菜单中选择 /dist 。

4.构建和部署：GitHub Actions 将会自动触发构建和部署流程。

四、持续集成/持续部署(CI/CD)基础

CI/CD是一种自动化流程，它能在每次代码更新后，自动进行构建、测试和部署。

1.持续集成(CI)：当开发者向代码仓库提交代码时，自动化地进行构建、测试等操作，尽早发现问题。

2.持续部署(CD)：当代码通过 CI 阶段的所有测试后，自动将其部署到生产环境