如何使用Vue CLI 3.x实现项目自动部署到服务器？

本文共计1093个文字，预计阅读时间需要5分钟。

前言+平时部署前端项目流程是：先部署到测试环境ok后，再发布到生产环境上，部署到测试环境用+xshell+连接服务器，然后用+xftp+连接服务器，然后本地+build+项目，接着把+build+好的文件通

前言

平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。

本教程讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx

一 安装scp2

scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。

而ssh2就是一个使用nodejs对于SSH2的模拟实现。scp，是secure copy的缩写, scp是Linux系统下基于SSH登陆进行安全的远程文件拷贝命令。这里我们就用这个功能，在Vue编译构建成功之后，将项目推送至测试/生产环境，以方便测试，提高效率。