前端一键自动化部署工具：deploy-cli-service

前端一键自动化部署工具：deploy-cli-service
在现代前端开发流程中，自动化部署是一个不可或缺的环节。它不仅能提高开发效率，还能减少人为错误。deploy-cli-service 是一个强大的前端自动化部署工具，支持开发、测试、生产多环境配置，让部署过程变得简单高效。本文将详细介绍 deploy-cli-service 的使用场景、使用方法以及一些最佳实践。

使用场景
多环境部署： 在开发、测试、生产等多个环境中，需要频繁地进行部署操作。deploy-cli-service 可以简化这一过程，提高部署效率。

集群部署： 对于需要部署到多个服务器的场景，deploy-cli-service 提供了集群部署功能，可以一键将应用部署到多个服务器。

自动化流程： 结合 CI/CD 流程，deploy-cli-service 可以实现自动化的构建和部署，进一步提升开发效率。

基本用法
安装
首先，你需要安装 deploy-cli-service。你可以选择全局安装或本地安装：

全局安装

npm install deploy-cli-service -g

本地安装

npm install deploy-cli-service --save-dev

安装完成后，可以通过查看版本来确认安装是否成功：

deploy-cli-service -v

注：如果是本地安装，调用时需要加上 npx：

npx deploy-cli-service -v

初始化配置文件
在项目目录下，可以通过以下命令初始化配置文件：

deploy-cli-service init

根据提示填写内容，会在项目根目录下生成 deploy.config.js 文件。初始化配置只会生成 dev（开发环境）、test（测试环境）、prod（生产环境）三个配置，如果有其他配置需求，可以参考模板自行配置。

手动创建或修改配置文件
你也可以在项目根目录下手动创建或修改 deploy.config.js 文件，以下是一个详细的配置示例：

//deploy.config.js
module.exports = {
  projectName: "YourProjectName", // 项目名称
  privateKey: "", // 私钥路径（可选）
  passphrase: "", // 私钥密码（可选）
  readyTimeout: 20000, // SSH 连接超时时间
  cluster: ["test"], // 指定集群地址
  test: {
    // 环境对象
    name: '测试环境', // 环境名称
    script: 'npm run build', // 打包命令
    host: 'your.server.ip', // 服务器地址
    port: 22, // 服务器端口号
    username: 'root', // 服务器登录用户名
    password: 'your_server_password', // 服务器登录密码
    distPath: 'dist', // 本地打包生成目录
    webDir: '/path/to/deploy', // 服务器部署路径（不可为空或'/'）
    bakDir: '/path/to/backup', // 备份路径 (打包前备份之前部署目录)
    isRemoveRemoteFile: true, // 是否删除远程文件（默认true）
    isRemoveLocalFile: true // 是否删除本地文件（默认true）
  }
};

请根据实际情况替换 YourProjectName、your.server.ip、your_server_password 和路径等配置项。

//package.json
  "scripts": {
    "deploy:test": "deploy-cli-service deploy --mode test"
  },

加好命令就可以一键部署

也可以手动输入命令

deploy-cli-service deploy --mode test

服务器上文件夹如果权限不够 是无法上传的 一定要加权限！！！！

结论
deploy-cli-service 是一个简单高效的自动化部署解决方案。通过简单的配置和命令，即可实现一键部署，大大提高了开发效率。

如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注