一、背景
在进行前端开发时，我们需要一个自动化部署的工具。而 @lennym/drone-deploy 就是一款非常优秀的自动化部署工具，它可以将你的代码自动部署到云服务器上，免去了手动部署的繁琐和重复劳动。
二、安装
在使用 @lennym/drone-deploy 之前，我们需要先将其安装到我们的项目中。在终端中输入以下命令即可安装：
npm install @lennym/drone-deploy -g
其中 -g 参数表示全局安装，这样我们就可以在任何项目中使用 @lennym/drone-deploy 了。
三、配置
在使用 @lennym/drone-deploy 进行自动化部署之前，我们需要先进行相应的配置。在项目根目录新建一个名为 .env 的文件，将以下内容复制到文件中：
SERVER_IP=服务器 IP 地址 SERVER_PORT=服务器 SSH 端口号 SERVER_USERNAME=服务器登录用户名 SERVER_PASSWORD=服务器登录密码 PROJECT_NAME=项目名称 PROJECT_PATH=项目在服务器上的部署路径
其中 SERVER_IP、SERVER_PORT、SERVER_USERNAME 和 SERVER_PASSWORD 分别为服务器的 IP 地址、SSH 端口号、登录用户名和登录密码，PROJECT_NAME 表示项目名称，PROJECT_PATH 表示项目在服务器上的部署路径。
四、使用
在进行自动化部署前，我们需要先执行以下命令，将代码打包为 tar 文件：
npm run build && tar -czvf dist.tar.gz /dist
接下来，我们可以通过以下命令将代码部署到服务器上：
drone-deploy
运行以上命令后，@lennym/drone-deploy 会自动将代码打包为 tar 文件，并将其上传到服务器上。接着，它会解压 tar 文件，并执行相应的部署操作，最终实现自动化部署。
五、示例
以下是一个简单的示例，假设我们已经完成了项目的配置和安装，我们需要部署我们的项目到服务器上。首先，我们需要进入到项目根目录，执行以下命令：
npm run build && tar -czvf dist.tar.gz /dist
接着，我们执行以下命令将项目部署到服务器上：
drone-deploy
如此便完成了自动化部署。如果一切正常，我们可以通过浏览器访问我们的项目，完成自动化部署流程。
六、小结
本文介绍了 @lennym/drone-deploy 这一款自动化部署工具的使用方法，并通过示例代码进行了演示。自动化部署可以极大地提高前端开发效率，减少人力成本，并且可以避免代码错误和重复操作。希望通过本文的介绍，能够帮助读者在前端开发中更加高效地部署自己的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e24455b