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

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

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

废话少说,直接上步骤:

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

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

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

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

5.连接成功后,输入远程站点:

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

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

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

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

猜你喜欢

转载自blog.csdn.net/JxiaoZhang/article/details/84566017