FileZilla Client的使用：项目打包构建更新步骤

作为一个刚转前端的小白，日常记录新学到的知识。

'硬性要求'：在学会操作步骤之前，一直都是项目里面的其他人来负责打包更新构建，但是偶有一天需要自己构建时一脸懵...  所以凡事能用到的，自己都要掌握，不要偷懒哟。

废话少说，直接上步骤：

1. 首先要下载FileZilla Client，这个就不用多说了，不会的可以自己搜一下。

2.下载完毕后，打开界面该位置的站点管理器，如下：

3.然后填入公司服务器的上传地址以及用户名，注意每个地方的选项，如下：

 

4.再次选择你要连接的站点管理器，根据提示输入密码进行连接，可以在状态中查看是否成功。

5.连接成功后，输入远程站点：

6.接下来就是项目的打包了，打开vscode中要构建的项目，终端输入：npm run build:sit   然后打包成功获取dist目录即可。

其中sit为不同的环境选择，例如例如测试环境，预发布环境，线上环境等

7.打包完成后将FZ里面的如下文件删掉，新项目打包后的dist文件拖进来即可。

总结：差不多就是这个步骤，只是单纯的记录一下，做学习用。