前端项目部署到服务器（xshell+xftp）

以vue3项目为例

1.将项目打包生成dist文件

2.下载安装xshell和xftp

3.在xshell新建会话（需要用到服务器、用户名、密码、端口号）正确输入后连接到服务器

   连接服务器还有一种办法，直接git bash里输入命令行 ssh -p xxxx（端口号） root@（服务器名称） 即可（示例： ssh -p xxxx root@xxxxxxx ）

4.然后打开xftp用于传输文件，跟3一样，输入服务器信息点击确定

5.选中刚刚新建的会话点击连接

6.连接好之后将最开始的dist文件放到服务器制定目录

相关命令补充：

ll 查看详细文件列表
ls 查看简单的文件列表
cat +文件名（tail -f）查看文件
tar -xvf datax.tar.gz (tar -zxvf xxx.rar)解压
ssh username@hostname  SSH连接
scp  用于在本地和远程服务器之间搬运文件
mkdir directory 创建一个名为directory的目录
touch filename  创建一个名为filename的空文件
rm filename或rm -r directory  删除文件或目录
cp source destination 复制文件或目录
mv source destination  移动文件或目录
more和less  逐页显示文件内容，‌支持搜索和导航
grep pattern filename 文本搜索工具，‌用于查找包含指定文本的行
chmod permissions filename  修改文件或目录的权限
chown owner:group filename  修改文件或目录的所有者
ps  ‌窥探运行中进程
nano或vi  在终端里编辑文件内容
ps -aux | grep [进程名]  ‌查找特定进程的信息。‌
pkill [进程名]  ‌结束特定进程的运行。‌
cd 进入目录
pwd 查看当前目录的绝对路径
cd nginx 发布服务器
conf 配置项目
sbin 重启项目
发布的在nginx.conf中
vi 文件名 编辑文件
i 开始编辑：wq
esc 停止编辑
:q 没有编辑直接退出编辑
:wq 编辑了再退出
:q! 强制不保存
cd .. 退回上一层
在sbin文件夹下重启项目
./sbin/nginx -s reload 重启nginx

欢迎补充，一起进步。