前提

假设已经购买了云服务器，其内网IP地址是172.11.11.11（假设），目前我们需要将我们的已经开发好的前端项目部署上去。

一、云服务器部分

远程连接工具有很多，这里我直接使用iIerm进行连接。操作如下：

step1、连接云服务

ssh root@172.11.11.11   // 连接云服务，此时会让你输入密码，正确输入后就会成功连接

另外，如果要退出云服务器，可以执行：

exit

step2、备份旧的前端项目

ls
cd html/               // 假设我们的前端项目（名称假设为frontEndProject）放在html文件夹下，进入此文件
cp -rf frontEndProject frontEndProject20220927    // 先将现有项目备份

step3、删除旧的前端项目

cd frontEndProject
rm -rf *

另外，退出云服务器命令：

exit

二、前端项目部分

step1、打包

终端进入前端项目文件夹，执行打包命令：

yarn build

执行之后就会在前端项目根目录下出现dist文件夹。

step2、终端部署

cd dist/      //进入打包后的文件夹
scp -r * root@172.11.11.11:/html/frontEndProject

输入密码